/*
Theme Name: De Bedout CPA
Template: astra
Version: 1.0
*/
:root{ --db-gold:#b8924f; --db-gold-deep:#8f6b36; --db-ink:#141414; --db-navy:#1c2b45; }
body{ font-family:'Jost',system-ui,sans-serif; font-weight:300; color:#141414; }
h1,h2,h3,h4,h5,h6,.entry-title{ font-family:'Playfair Display',Georgia,serif !important; font-weight:500; letter-spacing:-.01em; }
a{ color:var(--db-gold-deep); }
a:hover{ color:var(--db-gold); }
.wp-block-button__link,.ast-button,.button,input[type=submit]{
  background-color:var(--db-gold) !important; border-color:var(--db-gold) !important; color:#fff !important;
  border-radius:2px; letter-spacing:.08em; text-transform:uppercase; font-weight:500; }
.wp-block-button__link:hover,.ast-button:hover,.button:hover,input[type=submit]:hover{
  background-color:var(--db-gold-deep) !important; border-color:var(--db-gold-deep) !important; }
.main-header-menu a:hover,.ast-header-break-point .main-navigation a:hover{ color:var(--db-gold) !important; }
.db-eyebrow{ color:var(--db-gold-deep); letter-spacing:.28em; text-transform:uppercase; font-size:.72rem; font-weight:500; }
/* logo size v2 */
.db-h .logo-img{height:64px !important;width:auto !important}
.fbrand .logo-img{height:90px !important;width:auto !important}
/* logo size v3 - header mas alto */
.db-h .nav{height:104px !important}
.db-h .logo-img{height:90px !important;width:auto !important}
/* logo size v4 - grande */
.db-h .nav{height:140px !important}
.db-h .logo-img{height:124px !important;width:auto !important}
/* logo size v5 - XL */
.db-h .nav{height:186px !important}
.db-h .logo-img{height:170px !important;width:auto !important}
.hero-inner{padding-top:220px !important}
/* footer logo + instagram fix */
.fbrand .logo-img{height:120px !important;width:auto !important}
.socials a.ic svg{display:none !important}
.socials a.ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='16.6' cy='7.2' r='1.3' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E");background-size:20px 20px;background-position:center;background-repeat:no-repeat}
/* linea dorada bajo el header */
.db-h{border-bottom:1px solid rgba(184,146,79,.6) !important}
/* centrar deco 3d */
.booking .deco3d{left:24% !important;transform:translateX(-50%) !important;bottom:8% !important}
/* deco 3d un poco mas abajo */
.booking .deco3d{bottom:2% !important}
/* ===== patrones por seccion ===== */
/* Pricing -> negro + destello */
.pricing{background:radial-gradient(120% 90% at 80% 10%,#20201d 0%,#141414 55%,#0f0f0f 100%) !important;position:relative;overflow:hidden}
.pricing>.wrap{position:relative;z-index:1}
.pricing .pglint{position:absolute;inset:0;z-index:0;pointer-events:none}
.pricing .eyebrow{color:#eacf9c !important}
.pricing h2{color:#fff !important}
.pricing .head p{color:rgba(255,255,255,.72) !important}
.pricing .foot{color:rgba(255,255,255,.55) !important}
/* About + Blog -> cuadricula contable */
.about,.blogsec{position:relative;overflow:hidden}
.about>.wrap,.blogsec>.wrap{position:relative;z-index:1}
.about::before,.blogsec::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(184,146,79,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(184,146,79,.08) 1px,transparent 1px);background-size:100% 42px,84px 100%}
.about::after,.blogsec::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(197,160,90,.16),transparent);animation:sheenmove 8s linear infinite}
@keyframes sheenmove{to{left:130%}}
/* Video -> simbolos flotantes */
.video{position:relative;overflow:hidden}
.video>.wrap{position:relative;z-index:1}
.video .symlayer{position:absolute;inset:0;z-index:0;pointer-events:none}
.video .symlayer .sym{position:absolute;bottom:-40px;color:rgba(184,146,79,.32);font-family:'Playfair Display',serif;animation:floatup linear infinite}
@keyframes floatup{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-460px);opacity:0}}
/* mas visibilidad patrones */
.about::before,.blogsec::before{background-image:linear-gradient(rgba(184,146,79,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(184,146,79,.20) 1px,transparent 1px) !important}
.about::after,.blogsec::after{background:linear-gradient(105deg,transparent,rgba(197,160,90,.32),transparent) !important}
.video .symlayer .sym{color:rgba(184,146,79,.55) !important}
/* simbolos llegan hasta arriba */
@keyframes floatup{0%{transform:translateY(0);opacity:0}8%{opacity:1}90%{opacity:1}100%{transform:translateY(-120vh);opacity:0}}
/* texto visible en botones oscuros */
.btn-dark{color:#fff !important;background:#141414 !important}
.btn-dark:hover{color:#fff !important;background:var(--gold) !important}
.btn-gold{color:#fff !important}
/* CTA -> fondo crema */
.cta{background:radial-gradient(120% 120% at 80% 10%,#fbf9f5,#f2ece0) !important;color:#141414 !important}
.cta .glint{display:none !important}
.cta .eyebrow{color:#8f6b36 !important}
.cta h2{color:#141414 !important}
.cta p{color:#5f5f5f !important}
/* logo con brillo dorado suave */
@keyframes logoglow{0%,100%{filter:drop-shadow(0 0 1px rgba(197,160,90,.15))}50%{filter:drop-shadow(0 0 9px rgba(197,160,90,.6))}}
.db-h .logo-img{animation:logoglow 4.5s ease-in-out infinite}
/* CTA: degrade crema + negro con brillos */
.cta{background:radial-gradient(120% 120% at 50% 125%,#f4ead7 0%,#b89a6a 12%,#3a3226 32%,#141414 60%,#0f0f0f 100%) !important;color:#fff !important}
.cta .glint{display:block !important}
.cta .eyebrow{color:#eacf9c !important}
.cta h2{color:#fff !important}
.cta p{color:rgba(255,255,255,.82) !important}
/* Explore Services visible */
.btn-outline{color:#fff !important;border-color:rgba(255,255,255,.6) !important}
.btn-outline:hover{color:#141414 !important;background:#fff !important}
/* Logo: flotacion suave + destello que cruza */
.db-h .logo-img{animation:none !important}
.db-h .brand{position:relative;display:inline-block;animation:logofloat 5s ease-in-out infinite}
.db-h .brand::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask:url("https://debedoutcpa.com/wp-content/uploads/2026/07/Diseno_sin_titulo__1_-removebg-preview.png") no-repeat center/contain;mask:url("https://debedoutcpa.com/wp-content/uploads/2026/07/Diseno_sin_titulo__1_-removebg-preview.png") no-repeat center/contain;background:linear-gradient(115deg,transparent 42%,rgba(255,246,224,.85) 50%,transparent 58%);background-size:250% 100%;background-position:200% 0;animation:logoshine 6s ease-in-out infinite}
@keyframes logofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes logoshine{0%,60%{background-position:200% 0}88%,100%{background-position:-80% 0}}
/* mostrar iconos sociales reales */
.socials a.ic{background-image:none !important}
.socials a.ic svg{display:block !important}

.socials a.ic{background-image:none !important}
.socials a.ic svg{display:block !important}
/* quitar bloque de contacto duplicado (dejamos solo el footer) */
.contactband{display:none !important}
/* Reviews y FAQ: crema mas oscuro + animaciones de fondo */
.testi{background:#e4d9c3 !important}
.faqsec{background:#e4d9c3 !important}
.testi,.faqsec{position:relative;overflow:hidden}
.testi>.wrap,.faqsec>.wrap{position:relative;z-index:1}
.floatsym{position:absolute;inset:0;z-index:0;pointer-events:none}
.floatsym span{position:absolute;bottom:-50px;color:rgba(184,146,79,.5);font-family:var(--serif);animation:floatup2 linear infinite}
@keyframes floatup2{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-115vh) rotate(25deg);opacity:0}}
/* FAQ: lineas separadoras visibles */
.qitem{border-bottom:1px solid rgba(20,20,20,.4) !important}
/* transicion difuminada al entrar a Reviews y FAQ */
.testi::after,.faqsec::after{content:"";position:absolute;top:0;left:0;right:0;height:150px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#faf8f4 0%,rgba(244,240,232,.55) 45%,rgba(228,217,195,0) 100%)}
/* difuminar la cuadricula al final de la seccion (donde conecta) */
.about::before,.blogsec::before{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%)}
/* botones redondeados tipo pildora (como la barra) */
.btn{border-radius:999px !important}
/* bajar un poco la barra de progreso */
#progress{top:8px !important}
/* barra de progreso arriba de nuevo, y bajar el navegador de puntos */
#progress{top:0 !important}
.dotnav{top:calc(50% + 34px) !important}
/* boton volver-arriba: negro + dorado, redondo */
#ast-scroll-top{background-color:#141414 !important;border-radius:50% !important;box-shadow:0 8px 22px -8px rgba(0,0,0,.45) !important}
#ast-scroll-top,#ast-scroll-top svg,#ast-scroll-top:before{color:#eacf9c !important;fill:#eacf9c !important}
#ast-scroll-top:hover{background-color:#b8924f !important}
#ast-scroll-top:hover,#ast-scroll-top:hover svg{color:#fff !important;fill:#fff !important}
/* --- paginas de servicio --- */
.db section.svc-hero{padding:290px 0 100px !important}
.svc-hero .crumb{display:none !important}
.dbsvc .dotnav{position:fixed;right:24px;top:calc(50% + 34px);transform:translateY(-50%);z-index:140;display:flex;flex-direction:column;gap:17px;align-items:flex-end}
.dbsvc .dotnav a{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.dbsvc .dotnav .lbl{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#b8924f;opacity:0;transform:translateX(6px);transition:.3s;white-space:nowrap;font-weight:500}
.dbsvc .dotnav a:hover .lbl,.dbsvc .dotnav a.active .lbl{opacity:1;transform:none}
.dbsvc .dotnav .dot{width:9px;height:9px;border-radius:50%;background:rgba(184,146,79,.4);transition:.3s;flex-shrink:0}
.dbsvc .dotnav a.active .dot{background:#b8924f;width:15px;height:15px;box-shadow:0 0 0 4px rgba(184,146,79,.2)}
@media(max-width:900px){.dbsvc .dotnav{display:none}}
/* animaciones de fondo en paginas de servicio */
.svc-body,.related,.svc-faq{position:relative;overflow:hidden}
.svc-body>.wrap,.related>.wrap,.svc-faq>.wrap{position:relative;z-index:1}
.svcanim{position:absolute;inset:0;z-index:0;pointer-events:none}
/* tarjetas de enfoque: flotantes, borde negro fino, linea dorada al costado */
@keyframes cardfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.focus li{
  background:#fff !important;
  border:1px solid rgba(20,20,20,.55) !important;
  border-left:3px solid #b8924f !important;
  border-radius:8px !important;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.32) !important;
  transition:box-shadow .35s ease !important;
  animation:cardfloat 5s ease-in-out infinite}
.focus li:nth-child(2){animation-delay:-1.7s}
.focus li:nth-child(3){animation-delay:-3.4s}
.focus li:hover{
  animation-play-state:paused;
  transform:translateY(-10px) !important;
  box-shadow:0 26px 50px -16px rgba(0,0,0,.42) !important;
  border-color:rgba(20,20,20,.85) !important;
  border-left-color:#b8924f !important}
/* mismo estilo flotante para pilares y tarjetas relacionadas */
.pillar,.rcard{
  background:#fff !important;
  border:1px solid rgba(20,20,20,.55) !important;
  border-left:3px solid #b8924f !important;
  border-radius:8px !important;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.32) !important;
  transition:box-shadow .35s ease !important;
  animation:cardfloat 5s ease-in-out infinite}
.pillars .pillar:nth-child(2),.rgrid .rcard:nth-child(2){animation-delay:-1.7s}
.pillars .pillar:nth-child(3),.rgrid .rcard:nth-child(3){animation-delay:-3.4s}
.pillar:hover,.rcard:hover{
  animation-play-state:paused;
  transform:translateY(-10px) !important;
  box-shadow:0 26px 50px -16px rgba(0,0,0,.42) !important;
  border-color:rgba(20,20,20,.85) !important;
  border-left-color:#b8924f !important}
/* listas dentro de las tarjetas de servicio */
.scard ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.scard li{font-size:.88rem;color:rgba(255,255,255,.72);padding-left:18px;position:relative;margin-bottom:9px}
.scard li:before{content:"\2726";position:absolute;left:0;color:#b8924f;font-size:.7rem;top:2px}
/* mini tarjetas de servicios en la home */
.services .mcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mcard{display:block;background:linear-gradient(180deg,#1e1e1b,#191916);border:1px solid rgba(255,255,255,.10);border-left:3px solid #b8924f;border-radius:8px;padding:22px 20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-decoration:none}
.mcard:hover{transform:translateY(-6px);border-color:rgba(184,146,79,.6);border-left-color:#b8924f;box-shadow:0 18px 38px -18px rgba(0,0,0,.65)}
.mcard h3{color:#fff;font-size:1.04rem;margin:0 0 8px;line-height:1.25}
.mcard p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.5;margin:0}
.mcard .more{display:inline-block;margin-top:12px;color:#eacf9c;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1100px){.services .mcards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.services .mcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.services .mcards{grid-template-columns:1fr}}

/* ===== SERVICIOS: figura 3D + linea dorada + cinta ===== */
body.dbsvc section.svc-hero{position:relative!important}
body.dbsvc section.svc-hero .wrap{max-width:1200px!important}
body.dbsvc .svc-hero-grid{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:44px!important;align-items:center!important}
body.dbsvc .svc-hero-txt{min-width:0}
body.dbsvc .svc-hero-fig{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}
body.dbsvc .svc-hero-fig canvas{width:100%;height:400px;display:block}
body.dbsvc section.svc-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;
  background:linear-gradient(90deg,rgba(184,146,79,0) 0%,#b8924f 16%,#eacf9c 50%,#b8924f 84%,rgba(184,146,79,0) 100%)}
body.dbsvc .svc-mq{background:#0f0f0f;border-bottom:1px solid rgba(184,146,79,.4);overflow:hidden;padding:18px 0;position:relative}
body.dbsvc .svc-mq-track{display:flex;white-space:nowrap;width:max-content;animation:svcscroll 38s linear infinite}
body.dbsvc .svc-mq:hover .svc-mq-track{animation-play-state:paused}
body.dbsvc .svc-mq span{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.4rem;color:rgba(255,255,255,.6);padding:0 26px}
body.dbsvc .svc-mq .st{color:#b8924f}
@keyframes svcscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:900px){
  body.dbsvc .svc-hero-grid{grid-template-columns:1fr!important;gap:18px!important}
  body.dbsvc .svc-hero-fig{min-height:250px}
  body.dbsvc .svc-hero-fig canvas{height:250px}
  body.dbsvc .svc-mq span{font-size:1.02rem;padding:0 16px}
}

/* ===== FONDOS POR SERVICIO ===== */
body.dbsvc .svc-body,body.dbsvc .svc-faq,body.dbsvc .related{position:relative!important;overflow:hidden!important}
body.dbsvc .svc-body>.wrap,body.dbsvc .svc-faq>.wrap,body.dbsvc .related>.wrap{position:relative;z-index:1}
body.dbsvc .dbbg{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden}
body.dbsvc .dbbg canvas{position:absolute;inset:0;display:block}
/* monograma que se dibuja (mas marcado) */
body.dbsvc .dbbg-mono{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:min(44%,450px)}
body.dbsvc .dbbg-mono svg{width:100%;height:auto;fill:none;stroke:#8f6b36;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9000;stroke-dashoffset:9000;animation:dbdraw 13s ease-in-out infinite}
@keyframes dbdraw{0%{stroke-dashoffset:9000;opacity:0}8%{opacity:.88}62%{stroke-dashoffset:0;opacity:.88}86%{stroke-dashoffset:0;opacity:.88}100%{stroke-dashoffset:0;opacity:0}}
/* sello girando */
body.dbsvc .dbbg-sello{position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:min(48%,520px);opacity:.09;animation:dbspin 70s linear infinite}
@keyframes dbspin{to{transform:translateY(-50%) rotate(360deg)}}
body.dbsvc .dbbg-sello svg{width:100%;height:auto;fill:#8f6b36}
/* columnas (mas claritas) */
body.dbsvc .dbbg-cols{position:absolute;inset:0;opacity:.17}
body.dbsvc .dbbg-cols svg{width:100%;height:100%}
body.dbsvc .dbbg-cols rect,body.dbsvc .dbbg-cols line,body.dbsvc .dbbg-cols path{fill:none;stroke:#8f6b36;stroke-width:1.15;stroke-dasharray:2400;stroke-dashoffset:2400;animation:dbdraw2 18s ease-in-out infinite}
@keyframes dbdraw2{0%{stroke-dashoffset:2400}45%{stroke-dashoffset:0}88%{stroke-dashoffset:0}100%{stroke-dashoffset:2400}}
/* checks */
body.dbsvc .dbbg-chk{position:absolute;color:rgba(184,146,79,.5);opacity:0;animation:dbpop 6s ease-in-out infinite}
@keyframes dbpop{0%,100%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.15)}25%,80%{opacity:.7;transform:scale(1)}}

/* Home: tarjetas del blog clicables */
body.db .blogsec .posts a.post{display:block!important;color:inherit!important;text-decoration:none!important}
body.db .blogsec .posts a.post .rm{display:inline-block;cursor:pointer}

/* Pluma del blog: ladeada al angulo de escritura */
body.dbidx .svc-hero-fig canvas{transform:rotate(22deg)}
@media(max-width:900px){body.dbidx .svc-hero-fig canvas{transform:rotate(16deg)}}

/* Insights: tarjetas con borde negro y flotacion */
body.dbidx .pcard{border:1px solid var(--ink)!important;will-change:transform;
  animation:dbfloat 6.5s ease-in-out infinite}
body.dbidx .pcard:nth-child(3n+2){animation-delay:-2.2s}
body.dbidx .pcard:nth-child(3n+3){animation-delay:-4.4s}
body.dbidx .pcard:hover{animation-play-state:paused;
  transform:translateY(-9px)!important;
  border-color:var(--gold)!important;
  box-shadow:0 26px 54px -28px rgba(0,0,0,.42)!important}
@keyframes dbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){body.dbidx .pcard{animation:none}}

/* Insights: filtros con borde dorado */
body.dbidx .filters a{border:1px solid var(--gold)!important;transition:.25s}
body.dbidx .filters a:hover{border-color:var(--gold-deep)!important;color:var(--gold-deep)!important}
body.dbidx .filters a.on{background:var(--ink)!important;color:#fff!important;border-color:var(--gold)!important}

/* Pildora del menu con borde dorado (todo el sitio) */
body.db .navpill{border:1px solid rgba(184,146,79,.7)!important}

/* Revelado de casa: toda foto del blog cae en la paleta dorado/negro */
body.dbidx .pcard .pthumb img,
body.db .blogsec .posts a.post .thumb img,
body.dbpost .pfeat img{
  filter:sepia(.32) saturate(.70) contrast(1.06) brightness(.86);
  transition:filter .6s ease, transform .6s ease}
body.dbidx .pcard:hover .pthumb img,
body.db .blogsec .posts a.post:hover .thumb img{
  filter:sepia(.10) saturate(.96) contrast(1.03) brightness(.96)}

/* Imagenes destacadas del blog */
body.dbidx .pcard{padding:0!important;overflow:hidden}
body.dbidx .pcard .pthumb{display:block;height:185px;overflow:hidden;flex-shrink:0;
  background:radial-gradient(120% 100% at 75% 15%,#20201d,#141414 55%,#0f0f0f)}
body.dbidx .pcard .pthumb img{width:100%;height:100%;object-fit:cover;display:block}
body.dbidx .pcard:hover .pthumb img{transform:scale(1.06)}
body.dbidx .pcard .pbody{display:flex;flex-direction:column;flex:1;padding:26px 28px 24px}
body.dbidx .pcard .pf{margin-top:auto}
body.db .blogsec .posts a.post .thumb{position:relative;overflow:hidden}
body.db .blogsec .posts a.post .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
body.db .blogsec .posts a.post .thumb span{position:relative;z-index:2}
body.db .blogsec .posts a.post:hover .thumb img{transform:scale(1.06)}
body.db .blogsec .posts a.post .thumb::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(15,15,15,.15) 0%,rgba(15,15,15,.30) 45%,rgba(15,15,15,.85) 100%)}
body.dbpost .pfeat img{width:100%;height:auto;border-radius:10px;display:block;margin-bottom:40px}

/* Revelado de casa: toda foto del blog cae en la paleta dorado/negro */
body.dbidx .pcard .pthumb img,
body.db .blogsec .posts a.post .thumb img,
body.dbpost .pfeat img{
  filter:sepia(.32) saturate(.70) contrast(1.06) brightness(.86);
  transition:filter .6s ease, transform .6s ease}
body.dbidx .pcard:hover .pthumb img,
body.db .blogsec .posts a.post:hover .thumb img{
  filter:sepia(.10) saturate(.96) contrast(1.03) brightness(.96)}

/* Home: categoria en pildora negra sobre la foto */
body.db .blogsec .posts a.post .thumb span{
  position:absolute!important;
  top:16px!important; left:16px!important;
  right:auto!important; bottom:auto!important;
  z-index:3!important;
  display:inline-block!important;
  background:rgba(15,15,15,.92)!important;
  border:1px solid rgba(184,146,79,.75)!important;
  color:#eacf9c!important;
  font-size:.64rem!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  padding:7px 15px!important;
  border-radius:999px!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  margin:0!important}
/* con la pildora ya legible, el degradado solo aporta profundidad */
body.db .blogsec .posts a.post .thumb::after{
  background:linear-gradient(180deg,rgba(15,15,15,.10) 0%,rgba(15,15,15,.18) 50%,rgba(15,15,15,.45) 100%)!important}

/* Home: tarjetas del blog con borde negro y flotacion */
body.db .blogsec .posts a.post{border:1px solid var(--ink)!important;border-radius:8px!important;
  overflow:hidden!important;will-change:transform;animation:dbfloat 6.5s ease-in-out infinite}
body.db .blogsec .posts a.post:nth-child(3n+2){animation-delay:-2.2s}
body.db .blogsec .posts a.post:nth-child(3n+3){animation-delay:-4.4s}
body.db .blogsec .posts a.post:hover{animation-play-state:paused;
  transform:translateY(-9px)!important;
  border-color:var(--gold)!important;
  box-shadow:0 26px 54px -28px rgba(0,0,0,.42)!important}

/* Testimonios: borde negro y flotacion */
body.db .tcard{border:1px solid var(--ink)!important;will-change:transform}
body.db .tcard.in{animation:dbfloat 6.5s ease-in-out infinite}
body.db .tcard.in:nth-child(3n+2){animation-delay:-2.2s}
body.db .tcard.in:nth-child(3n+3){animation-delay:-4.4s}
body.db .tcard:hover{animation-play-state:paused;
  transform:translateY(-9px)!important;
  border-color:var(--gold)!important;
  box-shadow:0 26px 54px -28px rgba(0,0,0,.42)!important}

/* Calendario con borde dorado */
body.db .booking .cal{border:1px solid rgba(184,146,79,.75)!important}

/* ===== Video con pastillas de idioma ===== */
body.db .video .vlang{display:flex;gap:9px;justify-content:center;margin:-28px auto 30px;flex-wrap:wrap}
body.db .video .vlang button{border:1px solid var(--gold);background:#fff;color:#5f5f5f;
  font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  padding:9px 20px;border-radius:999px;cursor:pointer;transition:.25s}
body.db .video .vlang button:hover{border-color:var(--gold-deep);color:var(--gold-deep)}
body.db .video .vlang button.on{background:var(--ink);color:#fff;border-color:var(--gold)}
body.db .video .frame video{width:100%;height:100%;display:block;object-fit:cover;background:#0f0f0f}
body.db .video .frame.playing{cursor:default;background:#0f0f0f}
body.db .video .frame.playing:before{display:none}
body.db .video .frame.playing .cap{display:none}

/* Video: borde dorado + sombra difusa */
body.db .video .frame{
  border:1px solid rgba(184,146,79,.85)!important;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.55),
             0 0 70px -10px rgba(184,146,79,.28)!important;
  transition:box-shadow .5s ease, border-color .5s ease}
body.db .video .frame:hover{
  border-color:var(--gold)!important;
  box-shadow:0 46px 100px -30px rgba(0,0,0,.6),
             0 0 100px -8px rgba(184,146,79,.42)!important}

/* Movil: footer del home a una columna */
@media(max-width:680px){
  body.db .dbfoot .fgrid{grid-template-columns:1fr!important;gap:34px!important}
  body.db .dbfoot .fbot{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  body.db .dbfoot .fbrand p{max-width:100%!important}
}

/* ===== Interruptor de idioma ===== */
body.db .langsw{display:flex;gap:2px;align-items:center;background:rgba(255,255,255,.05);
  border:1px solid rgba(184,146,79,.7);border-radius:999px;padding:4px 5px}
body.db .langsw a{color:rgba(255,255,255,.55);font-size:.72rem;letter-spacing:.1em;font-weight:500;
  padding:7px 13px;border-radius:999px;transition:.25s;text-decoration:none}
body.db .langsw a:hover{color:#fff;background:rgba(255,255,255,.08)}
body.db .langsw a.on{background:var(--gold);color:#fff}
body.db #mobmenu .langsw{margin:18px auto 0;width:max-content}

/* El logo no se encoge por nada */
body.db header.db-h .brand{flex-shrink:0!important;display:block}
body.db header.db-h .brand .logo-img{width:auto!important;
  max-width:none!important;min-width:0;flex-shrink:0!important;object-fit:contain}
body.db header.db-h .menu{min-width:0;flex-shrink:1}
body.db header.db-h .navpill{flex-shrink:1;min-width:0}
/* interruptor mas compacto */
body.db .langsw{flex-shrink:0}
body.db .langsw a{padding:7px 11px;font-size:.7rem}

/* Interruptor debajo del boton de reserva */
body.db header.db-h .ctacol{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}
body.db header.db-h .ctacol .langsw{padding:3px 4px}
body.db header.db-h .ctacol .langsw a{padding:5px 12px;font-size:.66rem}

/* Aire entre la pildora y el boton (sin tocar el logo) */
body.db header.db-h .menu{gap:24px!important}
body.db header.db-h .navpill{padding:5px 8px!important}
body.db header.db-h .navpill a{font-size:.78rem!important;padding:9px 13px!important}
body.db header.db-h .nav-cta{font-size:.74rem!important;padding:13px 24px!important;white-space:nowrap}

/* Barra que se oculta al bajar y reaparece al subir */
body.db header.db-h{transition:transform .35s ease, background .35s ease, backdrop-filter .35s ease !important}
body.db header.db-h.db-hidden{transform:translateY(-115%) !important}