/* BRAVO DUTARY LARA & ASOCIADOS | Galería de arte - revisión aprobada, octubre 2026 */
:root{--g-cream:#f7f1e7;--g-copper:#ae8056;--g-ink:#2e2421;--g-pine:#183735;--g-paper:#fffcf7;--g-line:#dcc8aa}
/* PRESERVAR portada y las siete tarjetas: estos selectores solo refinan proporción y botones */
.hero .hero-text{max-width:min(690px,calc(100% - 10px))!important;transform:none!important;margin-left:0!important}
.hero h1{font-size:clamp(2.7rem,4.45vw,4.9rem)!important;line-height:1.14!important;max-width:690px!important}
@media(max-width:1000px){.hero h1{font-size:clamp(2.35rem,5vw,4.25rem)!important}}@media(max-width:620px){.hero h1{font-size:clamp(2rem,8.8vw,3.05rem)!important}}
/* Botones: metal bruñido, bordes suavemente biomórficos, luz rasante, nada de clipping dentado */
.hero .btn,.links .navcta,.mobilelinks .navcta,.contact .btn,.contactbox .btn,.contactbox a.btn{clip-path:none!important;position:relative!important;isolation:isolate!important;border-radius:14px 21px 11px 17px / 11px 14px 18px 13px!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,248,231,.27),inset 0 -2px 6px rgba(18,23,22,.28),0 7px 20px rgba(24,15,12,.14)!important;text-shadow:none!important;transition:background .27s,box-shadow .27s,transform .27s!important;letter-spacing:.08em!important}
.hero .btn-primary,.links .navcta,.mobilelinks .navcta,.contact .btn-primary,.contactbox a.btn{background:linear-gradient(126deg,#446864 0%,#23524f 36%,#17332f 73%,#56736b 100%)!important;color:#fff9ea!important;border:1px solid #b19a72!important}
.hero .btn-outline{background:linear-gradient(140deg,rgba(28,28,26,.85),rgba(42,47,42,.69))!important;border:1px solid #af9979!important;color:#f9efdc!important}
.hero .btn::after,.links .navcta::after,.contact .btn::after{content:''!important;position:absolute;inset:3px;pointer-events:none;border-radius:10px 17px 8px 15px / 7px 10px 14px 9px;border:1px solid rgba(249,222,169,.28);opacity:.65}
.hero .btn::before,.links .navcta::before,.contact .btn::before{background:linear-gradient(105deg,transparent 25%,rgba(255,247,212,.02) 36%,rgba(255,248,225,.32) 49%,rgba(255,248,225,.03) 57%,transparent 70%)!important;z-index:2!important;pointer-events:none!important}
.hero .btn:hover,.links .navcta:hover,.contact .btn:hover{transform:translateY(-2px)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,247,222,.4),0 9px 25px rgba(17,18,16,.24)!important}
.links .lang-switch,.lang-switch{border-radius:13px 17px 11px 16px / 12px 12px 15px 10px!important}
/* LA FIRMA | piedra cálida geométrica, apertura orgánica, transición escultórica */
#firma.intro{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#15322e!important;min-height:640px;padding:100px 0!important}
#firma.intro::before{content:''!important;position:absolute!important;right:0!important;left:auto!important;top:0!important;width:57%!important;height:100%!important;background: url('/arquitectura-firma-nueva.svg') 52% center/cover no-repeat!important;opacity:1!important;z-index:0!important;transform:none!important;filter:none!important}
#firma.intro::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#15322e 0%,rgba(21,50,46,.98) 30%,rgba(21,50,46,.93) 43%,rgba(21,50,46,.2) 69%,transparent 100%)!important;z-index:0!important}
#firma.intro .intro-grid{position:relative!important;z-index:2!important;grid-template-columns: .9fr 1.1fr!important;gap:65px!important;align-items:center!important}
#firma.intro .intro-grid>div:not(.bdl-architecture){position:relative;z-index:2}#firma.intro .intro-grid>div:nth-child(2){background:rgba(15,36,33,.76);padding:24px 27px;border-left:1px solid #baa075;box-shadow:0 14px 30px rgba(5,24,21,.07)}
#firma.intro h2{font-family:'Cinzel',serif!important;font-size:clamp(2rem,2.8vw,3.3rem)!important;color:#fff7e9!important;letter-spacing:.012em!important}#firma.intro .lead{font-family:'Cormorant Garamond',serif!important;font-size:1.37rem!important;line-height:1.5}#firma.intro p{color:#f5f0e6!important}
#firma .bdl-architecture{display:none}
/* ANDO | cyan-petrol and sunlit sandstone, real luminous contrast */
.principles{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#1b4647!important;padding:105px 0!important}
.principles::before{content:''!important;position:absolute!important;inset:0!important;background:url('/luz-ando-nueva.svg') 65% center/cover no-repeat!important;opacity:1!important;z-index:-1!important;pointer-events:none!important}
.principles::after{content:''!important;position:absolute!important;inset:0!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;top:0!important;right:0!important;transform:none!important;box-shadow:none!important;background:linear-gradient(90deg,rgba(9,34,38,.91),rgba(13,48,50,.78) 31%,rgba(16,48,51,.24) 71%,rgba(16,47,49,.43))!important;z-index:-1!important}
.principles .container{position:relative!important;z-index:2!important}.principles h2{font-family:'Cinzel',serif!important;color:#fff8e6!important;font-size:clamp(1.95rem,2.85vw,3.25rem)!important}.principles p{max-width:520px;color:#f1eadb!important}.principles .eyebrow{color:#f4c680!important}
.principles .traits{border:0!important}.principles .trait{margin:0 0 8px!important;background:linear-gradient(92deg,rgba(245,237,216,.18),rgba(245,237,216,.04))!important;border:1px solid rgba(255,235,195,.28)!important;border-left:2px solid rgba(235,189,117,.9)!important;backdrop-filter:blur(9px)!important;padding:19px 24px!important;color:#fffaf0!important;box-shadow:0 4px 18px rgba(6,29,27,.13)!important}.principles .trait:hover{background:rgba(251,237,203,.23)!important}.principles .trait span{color:#f3cd8e!important}
/* PUBLICACIONES | catálogo editorial con fotos STOCK distintas del arte de los servicios */
.journal{background:linear-gradient(175deg,#f9f4ec,#ede2d3)!important;padding:90px 0 120px!important}.journal .articles{display:grid!important;grid-template-columns:1.12fr 1fr!important;gap:19px!important;align-items:stretch}.journal .article{padding:0 27px 27px!important;min-height:0!important;background:#fffdfa!important;border:1px solid #dac8b0!important;box-shadow:0 18px 40px rgba(46,28,17,.075)!important;overflow:hidden!important}
.journal .article:nth-child(1){grid-row:span 3}.journal .article::before{display:none!important}.journal .article-image{display:block;position:relative;overflow:hidden;height:148px;background:linear-gradient(125deg,#c6b7a2,#635b50);margin:0 -27px 23px;border-bottom:1px solid rgba(111,88,68,.13)}.journal .article:nth-child(1) .article-image{height:370px}
.journal .article-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.87) contrast(1.03);transition:transform .65s ease,filter .65s ease}.journal .article:hover .article-image img{transform:scale(1.035);filter:saturate(.99) contrast(1.05)}
.journal .article-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(22,25,22,.18),transparent 72%)}
.journal .article-image-3{background:linear-gradient(135deg,#aeb2aa,#363a3a)}.journal .article-image-4{background:linear-gradient(135deg,#62847d,#192f2a)}
.journal .article .topic{font-family:'Inter',sans-serif!important;letter-spacing:.19em;color:#8f6b41!important}.journal .article h3{font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-size:clamp(1.6rem,2vw,2.1rem)!important;line-height:1.08!important}.journal .article:nth-child(1) h3{font-size:clamp(2.1rem,3.05vw,3.02rem)!important}.journal .article p{line-height:1.67!important}.journal .article a{border-bottom:1px solid #af835c!important;color:#653e35!important}
/* VITRALES | each biography displayed as an illuminated architectural gallery piece */
#equipo.team{background:linear-gradient(145deg,#fffaf3 0%,#f0e8dd 100%)!important;padding:102px 0!important}#equipo .team-grid{display:grid!important;grid-template-columns:1fr!important;gap:26px!important}
#equipo .person{display:grid!important;grid-template-columns:minmax(225px,32%) minmax(0,1fr)!important;column-gap:clamp(26px,3.5vw,50px)!important;align-items:start!important;background:#fffcf7!important;padding:26px!important;border:1px solid #d8c4a7!important;box-shadow:0 20px 46px rgba(50,32,23,.085)!important;border-top:3px solid #a88b61!important;min-width:0}
#equipo .person::before{display:none!important}#equipo .bdl-glass{height:min(620px,100%)!important;min-height:570px!important;border:8px solid #302823;outline:1px solid #c9ac7d;outline-offset:4px;background-color:#1a1318;background-repeat:no-repeat;background-size:cover;background-position:center top;box-shadow:inset 0 0 26px rgba(0,0,0,.5),18px 16px 26px rgba(58,31,20,.08);position:relative}
#equipo .bdl-glass::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,246,201,.22),transparent 28%,transparent 70%,rgba(6,5,5,.36))}
#equipo .bdl-glass-1{background-image:url('/vitral-maruja.webp')}#equipo .bdl-glass-2{background-image:url('/vitral-victor.webp')}#equipo .bdl-glass-3{background-image:url('/vitral-sofia.webp')}
#equipo .bdl-profile-content{min-width:0!important}#equipo .person-head{margin-top:8px!important;margin-bottom:22px!important}#equipo .person-initial{background:#f7f1e9!important;color:#65473d!important;border:1px solid #d9c5af!important}#equipo .person h3{font-family:'Cinzel',serif!important;color:#302521!important}#equipo .person-lead{font:italic 500 clamp(1.3rem,2vw,1.7rem)/1.35 'Cormorant Garamond',serif!important;color:#604333!important;padding-bottom:16px;border-bottom:1px solid #dfd1bd}
#equipo .person p{color:#5d524e!important;line-height:1.72!important}#equipo .person-chip{color:#614f43!important;border-color:#d4c3b0!important;background:#f7f0e7!important}
/* Recursos: distinctive architecture of support; emergency information is first-class */
#ayuda.bdl-help{background:linear-gradient(125deg,#173631 0%,#244941 65%,#314b42 100%)!important;color:#fff8ee!important;padding:104px 0!important;position:relative;overflow:hidden}
#ayuda.bdl-help::before{content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;top:0!important;right:0!important;background:linear-gradient(140deg,transparent 38%,rgba(234,201,137,.12) 38.1%,rgba(231,198,136,.07) 48%,transparent 65%),radial-gradient(circle at 90% 9%,rgba(239,207,145,.2),transparent 30%)!important;pointer-events:none!important}
#ayuda .container{position:relative;z-index:1}#ayuda .bdl-help-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:clamp(30px,5vw,80px);align-items:start}
#ayuda .bdl-help-intro{padding-top:8px}#ayuda h2{font-family:'Cinzel',serif!important;color:#fff3db!important;font-size:clamp(2.05rem,3.3vw,3.2rem)!important;line-height:1.18!important}#ayuda .eyebrow{color:#f0bd7c!important}#ayuda .bdl-help-intro p{color:#eee9e0!important;line-height:1.8!important}
#ayuda .bdl-help-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-top:0!important}#ayuda .bdl-help-grid article{position:relative!important;background:rgba(255,250,241,.97)!important;min-height:232px!important;border:1px solid rgba(219,190,146,.7)!important;border-left:4px solid #c2a272!important;padding:30px 26px!important;box-shadow:0 18px 30px rgba(8,24,20,.15)!important;transition:transform .24s ease!important}
#ayuda .bdl-help-grid article::before{content:attr(data-marker);position:absolute;right:18px;top:12px;font:500 .82rem 'Cinzel',serif;color:#aa8c6c;letter-spacing:.1em}#ayuda .bdl-help-grid article:hover{transform:translateY(-4px)!important}
#ayuda .bdl-help-grid h3{font-family:'Cormorant Garamond',serif!important;font-size:1.7rem!important;color:#302823!important;margin:3px 0 8px}#ayuda .bdl-help-grid p{color:#544e47!important;font-size:.92rem!important;line-height:1.55!important}#ayuda .bdl-help-grid a{color:#73442d!important;text-decoration:none!important;border-bottom:1px solid #bc9e78}#ayuda .bdl-help-grid .hotline{font-size:1.6rem!important;color:#a13c2c!important}
#ayuda .bdl-help-disclaimer{color:#e7ded2!important;font-size:.84rem!important;margin-top:30px!important}#ayuda blockquote{font:italic 500 clamp(1.55rem,2.3vw,2.3rem)/1.27 'Cormorant Garamond',serif!important;color:#fff4dc!important;border-left:2px solid #d0aa72!important;background:transparent!important;padding:15px 0 15px 28px!important;margin-top:32px}
/* Contact: editorial finale */
#contacto.contact{background:linear-gradient(150deg,#f2e7d6,#fbf7ef 62%,#eadbca)!important}#contacto .contact-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(30px,5vw,70px)!important;align-items:start!important}
#contacto .bdl-contact-left{padding:20px 0 0!important}#contacto .bdl-contact-right{display:flex;flex-direction:column;gap:20px}
#contacto .online-consultation,#contacto .contactbox{position:relative!important;background:rgba(255,253,249,.96)!important;border:1px solid #d8c3aa!important;border-left:3px solid #a6865e!important;padding:29px!important;margin:0!important;box-shadow:0 15px 35px rgba(50,31,17,.075)!important}
#contacto .online-consultation::after{content:'';position:absolute;right:18px;top:15px;width:32px;height:32px;border:1px solid rgba(174,137,92,.37);border-radius:50%}
#contacto h2{font-family:'Cinzel',serif!important;font-size:clamp(2.1rem,3.3vw,3.25rem)!important}.contactbox .email{overflow-wrap:anywhere}
@media(max-width:1000px){#firma.intro .intro-grid{gap:22px!important}#firma.intro::before{width:74%!important}#equipo .bdl-glass{min-height:450px!important;height:500px!important}}
@media(max-width:850px){#firma.intro .intro-grid{grid-template-columns:1fr!important}#firma.intro::after{background:rgba(13,40,36,.81)!important}#firma.intro::before{width:100%!important;opacity:.35!important}#firma.intro .intro-grid>div:nth-child(2){background:rgba(12,36,33,.25);padding:14px 0;border:0}
 .journal .articles{grid-template-columns:1fr!important}.journal .article:nth-child(1){grid-row:auto}.journal .article:nth-child(1) .article-image{height:245px}
 #equipo .person{grid-template-columns:1fr!important;padding:22px!important}#equipo .bdl-glass{width:100%;height:260px!important;min-height:0!important;background-size:cover;background-position:center 34%;margin-bottom:24px}
 #ayuda .bdl-help-layout{grid-template-columns:1fr!important}#contacto .contact-grid{grid-template-columns:1fr!important}}
@media(max-width:570px){#firma.intro{padding:76px 0!important}.journal{padding:64px 0!important}.journal .article{padding:0 22px 24px!important}.journal .article-image{margin:0 -22px 20px}.journal .article:nth-child(1) .article-image{height:200px}#ayuda.bdl-help{padding:70px 0!important}#ayuda .bdl-help-grid{grid-template-columns:1fr!important}#ayuda .bdl-help-grid article{min-height:0!important;padding:24px!important}#equipo .person{padding:18px!important}#equipo .bdl-glass{height:235px!important}}
@media(prefers-reduced-motion:reduce){.hero .btn,.links .navcta,.journal .article-image img,#ayuda .bdl-help-grid article{transition:none!important}}

/* Ajuste editorial de la pieza destacada: fotografía ocupa toda la altura disponible, sin gran vacío inferior */
@media(min-width:851px){.journal .article:nth-child(1){display:flex!important;flex-direction:column!important}.journal .article:nth-child(1) .article-image{height:auto!important;min-height:390px!important;flex:1 1 auto!important}.journal .article:nth-child(1)>a{align-self:flex-start!important;margin-top:10px!important}}
/* Tratamiento de respaldo mientras una imagen remota no pueda cargarse (la fotografía tendrá prioridad). */
.journal .article-image-1{background:radial-gradient(circle at 72% 24%,#d6bda4 0%,transparent 38%),linear-gradient(125deg,#6c7c75,#b1a58d 44%,#8e7166)!important}
.journal .article-image-2{background:linear-gradient(135deg,#765f54,#b8a58f)!important}
.journal .article-image-3{background:linear-gradient(125deg,#3e5155,#c9ae91)!important}
.journal .article-image-4{background:linear-gradient(132deg,#28554e,#a0b29a)!important}