#canva-entrance, #inicio{ --ink:#080808; --gold:#b9a078; --cream:#eadbc0; --muted:#a99d87; }
:is(#canva-entrance,#inicio) *{ box-sizing:border-box; }
:is(#canva-entrance,#inicio) [hidden]{ display:none!important; }
:is(#canva-entrance,#inicio) button,:is(#canva-entrance,#inicio) a{ -webkit-tap-highlight-color:transparent; }
:is(#canva-entrance,#inicio) button:focus-visible,:is(#canva-entrance,#inicio) a:focus-visible{ outline:2px solid #f3d39a; outline-offset:4px; }
:is(#canva-entrance,#inicio) .screen{ min-height:calc(100 * min(var(--vh, 1vh), 1vh)); }
:is(#canva-entrance,#inicio) .gate{ position:fixed; inset:0; z-index:30; display:grid; place-items:center; width:100%; height:100%; min-height:0; padding:20px; box-sizing:border-box; overflow:auto; overflow-x:hidden; isolation:isolate; }
:is(#canva-entrance,#inicio) .gate-art{ width:min(540px,100%); max-height:calc(100% - 40px); height:auto; aspect-ratio:5 / 6; margin:0 auto; }
:is(#canva-entrance,#inicio) .brand-intro{ position:fixed; inset:0; z-index:25; display:grid; place-items:center; width:100%; min-height:calc(100 * min(var(--vh, 1vh), 1vh)); padding:20px; background:#080808; color:#eadbc0; text-align:center; }
:is(#canva-entrance,#inicio) .brand-intro-inner{ display:flex; flex-direction:column; align-items:center; gap:24px; }
:is(#canva-entrance,#inicio) .brand-intro-name{ margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:600; line-height:.86; letter-spacing:.08em; opacity:0; }
:is(#canva-entrance,#inicio) .brand-intro-name span{ display:block; }
:is(#canva-entrance,#inicio) .brand-intro-name span:first-child{ color:#b9a078; font-size:clamp(22px,3vw,34px); letter-spacing:.18em; }
:is(#canva-entrance,#inicio) .brand-intro-name span:last-child{ color:#eadbc0; font-size:clamp(52px,9vw,104px); }
:is(#canva-entrance,#inicio) .brand-intro-motto{ margin:0; font-family:'DM Sans',sans-serif; font-size:18px; line-height:1.5; opacity:0; }
:is(#canva-entrance,#inicio) .brand-intro.playing .brand-intro-name{ animation:db-canva-intro-name .9s ease 1.4s forwards; }
:is(#canva-entrance,#inicio) .brand-intro.playing .brand-intro-motto{ animation:db-canva-intro-motto .9s ease 2.3s forwards; }
:is(#canva-entrance,#inicio) .brand-intro.fading{ animation:db-canva-intro-fade .8s ease forwards; pointer-events:none; }

    @keyframes db-canva-intro-name { from{opacity:0} to{opacity:1} }
    @keyframes db-canva-intro-motto { from{opacity:0} to{opacity:1} }
    @keyframes db-canva-intro-fade { from{opacity:1} to{opacity:0} }:is(#canva-entrance,#inicio) .curtain-half{ position:fixed; inset:0; z-index:-1; background:#080808; pointer-events:none; will-change:transform; }
:is(#canva-entrance,#inicio) .curtain-half.top{ clip-path:inset(0 0 50% 0); }
:is(#canva-entrance,#inicio) .curtain-half.bottom{ clip-path:inset(50% 0 0 0); }
:is(#canva-entrance,#inicio) .gate-art{ position:relative; width:min(540px,90vw,calc(83 * min(var(--vh, 1vh), 1vh) * 5 / 6)); aspect-ratio:5 / 6; margin:24px auto; flex:none; }
:is(#canva-entrance,#inicio) .db-gate-contour{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
:is(#canva-entrance,#inicio) #gate .db-gate-contour{outline:none!important;border:0!important}
:is(#canva-entrance,#inicio) .db-gate-contour path{ fill:none; stroke:#b9a078; stroke-width:1.5; vector-effect:non-scaling-stroke; stroke-dasharray:3500; stroke-dashoffset:3500; animation:db-canva-draw-d 2.2s ease 1.5s forwards; }

    @keyframes db-canva-draw-d { to { stroke-dashoffset:0; } }:is(#canva-entrance,#inicio) .watermarks{ position:absolute; inset:16% 8% 8% 14%; pointer-events:none; color:#b9a078; font-family:'Playfair Display',Georgia,serif; font-weight:600; opacity:.055; transition:opacity .4s ease; }
:is(#canva-entrance,#inicio) .watermarks span{ position:absolute; font-size:clamp(190px,42vw,390px); line-height:1; }
:is(#canva-entrance,#inicio) .watermarks span:first-child{ top:3%; left:1%; }
:is(#canva-entrance,#inicio) .watermarks span:last-child{ top:24%; left:22%; }
:is(#canva-entrance,#inicio) .gate-content{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; padding:34% 19% 12% 13.5%; transition:opacity .35s ease; }
:is(#canva-entrance,#inicio) .gate-brand{ margin:0; color:#ded5c3; font-family:'Playfair Display',Georgia,serif; font-size:28px; font-weight:600; line-height:1.16; letter-spacing:-.025em; }
:is(#canva-entrance,#inicio) .gate-instruction{ max-width:320px; margin:22px 0 27px; color:#ded5c3; font-size:16px; line-height:1.6; }
:is(#canva-entrance,#inicio) .gate-action-wrap{ position:relative; width:100%; }
:is(#canva-entrance,#inicio) .gate-action-wrap::before{ content:""; position:absolute; top:50%; right:100%; width:clamp(20px,8vw,70px); height:1px; background:#b9a078; pointer-events:none; }
:is(#canva-entrance,#inicio) .enter{ display:flex; align-items:center; justify-content:space-between; gap:15px; width:100%; min-height:48px; padding:15px 19px; border:1.5px solid #B9A078; border-radius:10px; background:#ded5c3; color:#080808; cursor:pointer; font-family:'DM Sans',sans-serif; font-size:14px; font-weight:700; text-align:left; transition:background .2s; }
:is(#canva-entrance,#inicio) .enter:hover{ background:#f0e8d9; }
:is(#canva-entrance,#inicio) .enter svg{ flex:none; width:18px; height:18px; }
:is(#canva-entrance,#inicio) .exit{ min-height:44px; margin-top:12px; padding:9px 0; border:0; border-bottom:1px solid rgba(185,160,120,.55); background:transparent; color:#b9a078; font-family:'DM Sans',sans-serif; font-size:14px; cursor:pointer; }
:is(#canva-entrance,#inicio) .gate.opening{ overflow:hidden; }
:is(#canva-entrance,#inicio) .gate.opening .gate-content{ opacity:0; pointer-events:none; }
:is(#canva-entrance,#inicio) .gate.opening .watermarks{ opacity:0; }
:is(#canva-entrance,#inicio) .gate.opening .curtain-half.top{ transform:translateY(-60%); }
:is(#canva-entrance,#inicio) .gate.opening .curtain-half.bottom{ transform:translateY(60%); }
:is(#canva-entrance,#inicio) .gate.opening .curtain-half{ transition:transform 1.4s cubic-bezier(.65,0,.18,1) .35s; }
:is(#canva-entrance,#inicio) .denied{ display:grid; place-items:center; padding:35px; text-align:center; background:#080808; }
:is(#canva-entrance,#inicio) .denied-inner{ max-width:420px; }
:is(#canva-entrance,#inicio) .denied h2{ margin:0 0 16px; font-family:'Playfair Display',serif; }
:is(#canva-entrance,#inicio) .denied p{ line-height:1.7; }
:is(#canva-entrance,#inicio) .text-button{ min-height:44px; padding:10px; border:0; border-bottom:1px solid var(--gold); background:none; cursor:pointer; }
:is(#canva-entrance,#inicio) .presentation{ width:100%; min-height:calc(100 * min(var(--vh, 1vh), 1vh)); padding:24px clamp(48px,5vw,72px) 18px; background:#080808; }
:is(#canva-entrance,#inicio) .editorial{ position:relative; width:min(100%,1270px); min-height:0; margin:auto; display:flex; flex-direction:column; }
:is(#canva-entrance,#inicio) .topbar{ position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:0 32px 14px 65px; }
:is(#canva-entrance,#inicio) .identity{ text-align:center; }
:is(#canva-entrance,#inicio) .identity .db-brand{ margin:0; font-family:'YAFdJhem5V8_1','Playfair Display',Georgia,serif; font-size:50px; font-weight:600; line-height:1.05; letter-spacing:-.035em; white-space:nowrap; color:#ece6d9; }
:is(#canva-entrance,#inicio) .identity .db-subtitle{ margin:5px 0 0; font-family:'YAD1aU3sLnI_0','DM Sans',Arial,sans-serif; color:#b9a078; font-size:12px; line-height:1.4; font-weight:700; letter-spacing:.18em; }
:is(#canva-entrance,#inicio) .menu-trigger{ display:flex; align-items:center; justify-content:center; gap:8px; min-width:88px; min-height:44px; padding:8px 10px; border:1px solid var(--gold); background:#000; color:var(--cream); font-size:12px; letter-spacing:.08em; cursor:pointer; }
:is(#canva-entrance,#inicio) .menu-trigger span:first-child{ font-size:19px; line-height:1; color:var(--gold); }
:is(#canva-entrance,#inicio) .top-line{ height:1px; margin:0 12px; background:var(--gold); }
:is(#canva-entrance,#inicio) .scene{ position:relative; height:auto!important; max-height:none!important; min-height:0!important; margin:34px 0 0; display:grid; grid-template-columns:50% 50%; grid-template-rows:auto!important; align-items:center; column-gap:0; }
:is(#canva-entrance,#inicio) .portrait{ position:relative; width:min(38vw,calc(62 * min(var(--vh, 1vh), 1vh) * 2 / 3),420px); height:auto; aspect-ratio:520 / 780; max-height:none!important; min-height:0!important; align-self:center; justify-self:center; pointer-events:none; overflow:hidden; background:transparent; mask-image:linear-gradient(to bottom, transparent 0%, #000 4%, #000 76%, transparent 100%), linear-gradient(to right, transparent 0%, #000 5%, #000 78%, transparent 89%, transparent 100%); mask-composite:intersect; -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 4%, #000 76%, transparent 100%), linear-gradient(to right, transparent 0%, #000 5%, #000 78%, transparent 89%, transparent 100%); -webkit-mask-composite:source-in; }
:is(#canva-entrance,#inicio) .portrait img{ position:absolute; left:0; top:-24.358974%; width:166.153846%; height:147.692308%; max-width:none; object-fit:fill; display:block; clip-path:polygon(17.3611% 16.4931%,54.3981% 16.4931%,54.3981% 71.1806%,56.5% 75.9549%,56.5% 81.1632%,57% 84.2014%,0% 84.2014%,0% 22.5694%); }
:is(#canva-entrance,#inicio) .copy-column{ display:flex; flex-direction:column; gap:24px; align-self:center; max-width:440px; min-width:0; height:auto!important; max-height:none!important; min-height:0!important; grid-template-rows:auto!important; }
:is(#canva-entrance,#inicio) .headline{ position:relative; width:100%; max-width:530px; min-width:0; padding-top:0; }
:is(#canva-entrance,#inicio) .headline .db-headline{ margin:0; width:100%; max-width:14ch; overflow-wrap:break-word; font-family:'YAFdJhem5V8_1','Playfair Display',Georgia,serif; color:#ece6d9; font-size:46px; font-weight:700; line-height:1.08; letter-spacing:-.025em; white-space:normal; }
:is(#canva-entrance,#inicio) .db-lower{ font-family:'YAD1aU3sLnI_0','DM Sans',Arial,sans-serif; color:#ece6d9; font-size:18px; line-height:1.4; }
:is(#canva-entrance,#inicio) .db-lower span{ display:block; }
:is(#canva-entrance,#inicio) .db-signature{ font-family:'YAFdJhem5V8_1','Playfair Display',Georgia,serif; color:#b9a078; font-size:11px; line-height:1.5; letter-spacing:.12em; }
:is(#canva-entrance,#inicio) .short-rule{ width:55px; height:2px; margin:26px 0 0 32%; background:var(--gold); }
:is(#canva-entrance,#inicio) .bottom-area{ position:static; inset:auto; transform:none; height:auto; max-height:none!important; min-height:0!important; z-index:2; width:100%; display:flex; flex-direction:column; gap:20px; margin-top:16px; padding:0 8% 20px; }
:is(#canva-entrance,#inicio) .lower-phrase{ position:static; inset:auto; transform:none; width:100%; max-width:100%; margin:0; text-align:left; min-width:0; color:#ece6d9; font-size:18px; line-height:1.4; overflow-wrap:break-word; hyphens:none; }
:is(#canva-entrance,#inicio) .lower-phrase span{ white-space:pre-line; overflow-wrap:break-word; font-size:18px; }
:is(#canva-entrance,#inicio) .lower-composition{ position:relative; display:flex; flex-direction:column; width:100%; padding:0 24px 24px 0; gap:16px; }
:is(#canva-entrance,#inicio) .actions{ position:relative; height:auto; max-height:none!important; min-height:0!important; display:flex; justify-content:flex-end; gap:20px; width:100%; padding-top:16px; }
:is(#canva-entrance,#inicio) .action{ display:flex; align-items:center; justify-content:center; width:min(32%,264px); min-height:44px; padding:11px 18px; border:1px solid var(--gold); text-align:center; text-decoration:none; font-family:'DM Sans',sans-serif; font-weight:700; font-size:13px; line-height:1.2; letter-spacing:.025em; transition:background .2s,color .2s; cursor:pointer; overflow-wrap:break-word; }
:is(#canva-entrance,#inicio) .actions .action.action-primary{ background:#B9A078!important; background-image:none!important; color:#080808!important; border:1px solid #B9A078!important; }
:is(#canva-entrance,#inicio) .actions .action:not(.action-primary){ background:transparent!important; color:#ECE6D9!important; border:1px solid #B9A078!important; }
:is(#canva-entrance,#inicio) .action:hover,:is(#canva-entrance,#inicio) .menu-trigger:hover{ background:#242018; }
:is(#canva-entrance,#inicio) .action-primary:hover{ background:#d0b58a; }
:is(#canva-entrance,#inicio) .composition-footer{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(48px,1fr); align-items:center; gap:16px; width:100%; min-width:0; }
:is(#canva-entrance,#inicio) .signature{ grid-column:2; margin:0; transform:translateX(12px); text-align:center; white-space:nowrap; font-family:'Playfair Display',serif; font-size:clamp(.68rem,.9vw,.86rem); letter-spacing:.32em; }
:is(#canva-entrance,#inicio) .corner{ position:absolute; z-index:3; width:70px; height:95px; pointer-events:none; }
:is(#canva-entrance,#inicio) .corner-tl{ top:-10px; left:0; border-top:1px solid var(--gold); border-left:1px solid var(--gold); }
:is(#canva-entrance,#inicio) .corner-br{ border-right:1px solid var(--gold); border-bottom:1px solid var(--gold); }
:is(#canva-entrance,#inicio) #presentation .composition-footer{ position:relative; }
:is(#canva-entrance,#inicio) #presentation .composition-footer > .corner-br{ position:absolute!important; top:auto!important; bottom:50%!important; right:-24px!important; left:auto!important; transform:none!important; margin:0!important; }
:is(#canva-entrance,#inicio) .sequence-control{ display:block; min-height:44px; margin:8px auto 0; padding:9px 15px; border:0; border-bottom:1px solid var(--gold); background:transparent; color:var(--cream); cursor:pointer; font-size:12px; letter-spacing:.06em; }
:is(#canva-entrance,#inicio) .presentation.playing .reveal{ opacity:0; animation:db-canva-reveal 1ms linear forwards; }
:is(#canva-entrance,#inicio) .presentation.playing .portrait{ animation:db-canva-reveal .4s linear 0s forwards; }
:is(#canva-entrance,#inicio) .presentation.playing .identity{ animation:db-canva-reveal .25s linear .35s forwards; }
:is(#canva-entrance,#inicio) .presentation.playing .headline{ animation:db-canva-reveal .3s linear .6s forwards; }
:is(#canva-entrance,#inicio) .presentation.playing .lower-phrase{ animation:db-canva-reveal .25s linear .9s forwards; }
:is(#canva-entrance,#inicio) .presentation.playing .actions,:is(#canva-entrance,#inicio) .presentation.playing .menu-trigger{ animation:db-canva-reveal .25s linear 1.1s forwards; }
:is(#canva-entrance,#inicio) .presentation.playing .finishing{ animation:db-canva-reveal .3s linear 1.4s forwards; }

    @keyframes db-canva-reveal { from { opacity:0; } to { opacity:1; } }:is(#canva-entrance,#inicio) .overlay{ position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.85); }
:is(#canva-entrance,#inicio) .overlay-panel{ width:min(100%,390px); padding:28px; border:1px solid var(--gold); background:#10100f; box-shadow:0 20px 70px #000; }
:is(#canva-entrance,#inicio) .overlay-panel h2{ margin:0 0 19px; font-family:'Playfair Display',serif; }
:is(#canva-entrance,#inicio) .overlay-panel p{ margin:0 0 22px; line-height:1.6; }
:is(#canva-entrance,#inicio) .overlay-actions{ display:flex; flex-direction:column; gap:12px; }
:is(#canva-entrance,#inicio) .panel-action{ display:flex; justify-content:center; align-items:center; min-height:48px; padding:11px 16px; border:1px solid var(--gold); text-align:center; text-decoration:none; cursor:pointer; }
:is(#canva-entrance,#inicio) .panel-close{ align-self:center; min-height:44px; padding:9px 18px; border:0; background:transparent; cursor:pointer; }

    @media (max-width:700px) {:is(#canva-entrance,#inicio) .presentation{ padding:17px 13px 20px; }
:is(#canva-entrance,#inicio) .editorial{ min-height:0; }
:is(#canva-entrance,#inicio) .topbar{ align-items:center; padding:1px 10px 16px 15px; gap:7px; min-width:0; }
:is(#canva-entrance,#inicio) .identity{ text-align:left; }
:is(#canva-entrance,#inicio) .identity .db-brand{ font-size:clamp(24px,7vw,28px); line-height:1.05; white-space:nowrap; letter-spacing:-.035em; }
:is(#canva-entrance,#inicio) .identity .db-subtitle{ font-size:10px; line-height:1.4; letter-spacing:.12em; }
:is(#canva-entrance,#inicio) .menu-trigger{ min-width:68px; min-height:44px; padding:7px; gap:4px; font-size:10px; }
:is(#canva-entrance,#inicio) .corner{ width:39px; height:70px; }
:is(#canva-entrance,#inicio) .scene{ height:auto!important; max-height:none!important; min-height:0!important; display:grid; grid-template-columns:50% 50%; grid-template-rows:auto!important; align-items:center; column-gap:0; margin:0; overflow:visible; }
:is(#canva-entrance,#inicio) .portrait{ position:relative; inset:auto; width:100%; height:auto; max-height:none!important; min-height:0!important; aspect-ratio:520 / 780; }
:is(#canva-entrance,#inicio) .copy-column{ gap:16px; max-width:none; height:auto!important; max-height:none!important; min-height:0!important; grid-template-rows:auto!important; }
:is(#canva-entrance,#inicio) .headline{ position:relative; inset:auto; width:100%; min-width:0; padding:0; }
:is(#canva-entrance,#inicio) .headline .db-headline{ width:100%; max-width:15ch; min-width:0; font-size:clamp(23px,6.7vw,26px); line-height:1.08; white-space:normal; overflow-wrap:break-word; hyphens:none; letter-spacing:-.025em; }
:is(#canva-entrance,#inicio) .short-rule{ width:35px; height:1px; margin-top:14px; }
:is(#canva-entrance,#inicio) .bottom-area{ position:relative; padding:0 4px 15px; }
:is(#canva-entrance,#inicio) .lower-phrase{ width:100%; max-width:none; margin:0; font-size:14px; line-height:1.4; overflow-wrap:break-word; }
:is(#canva-entrance,#inicio) .lower-phrase span{ font-size:14px; line-height:1.4; }
:is(#canva-entrance,#inicio) .lower-composition{ padding-right:24px; gap:16px; }
:is(#canva-entrance,#inicio) .actions{ width:100%; flex-direction:column; align-items:stretch; gap:12px; padding-top:16px; }
:is(#canva-entrance,#inicio) .action{ flex:0 0 auto; width:100%; min-width:0; min-height:44px; padding:8px 5px; font-size:12px; line-height:1.2; }
:is(#canva-entrance,#inicio) .composition-footer{ gap:16px; }
:is(#canva-entrance,#inicio) .signature{ margin:0; font-size:10px; letter-spacing:.12em; overflow-wrap:break-word; }
:is(#canva-entrance,#inicio) .signature-rule{ min-width:48px; }
:is(#canva-entrance,#inicio) .sequence-control{ position:relative; inset:auto; margin:8px auto 0; }

    }
    @media (max-width:600px), (max-height:620px) {:is(#canva-entrance,#inicio) .gate-art{ width:min(540px,100%); max-height:none; aspect-ratio:auto; min-height:440px; margin:0 auto; }
:is(#canva-entrance,#inicio) .gate-content{ padding:135px 15% 65px 12%; }
:is(#canva-entrance,#inicio) .brand-intro-motto{ font-size:15px; }
:is(#canva-entrance,#inicio) .gate-art{ min-height:470px; }
:is(#canva-entrance,#inicio) .gate-brand{ font-size:24px; }
:is(#canva-entrance,#inicio) .gate-instruction{ font-size:14px; line-height:1.6; }
:is(#canva-entrance,#inicio) .enter{ font-size:13px; }
:is(#canva-entrance,#inicio) .exit{ font-size:14px; }
:is(#canva-entrance,#inicio) .watermarks span{ font-size:clamp(180px,62vw,350px); }

    }
    @media (max-width:360px) {:is(#canva-entrance,#inicio) .identity h1{ font-size:1.5rem; }
:is(#canva-entrance,#inicio) .headline h2{ font-size:1.16rem; }
:is(#canva-entrance,#inicio) .scene{ height:auto!important; max-height:none!important; min-height:0!important; grid-template-rows:auto!important; }
:is(#canva-entrance,#inicio) .gate-content{ padding-right:12%; }

    }
    @media (prefers-reduced-motion:reduce) {:is(#canva-entrance,#inicio) .presentation.playing .reveal{ animation:none!important; opacity:1!important; }
:is(#canva-entrance,#inicio) .outline path{ animation:none; stroke-dashoffset:0; }
:is(#canva-entrance,#inicio) .gate.opening .curtain-half,:is(#canva-entrance,#inicio) .gate.opening .gate-content,:is(#canva-entrance,#inicio) .gate.opening .watermarks{ transition:none; }

    }
  
/* Host integration: keep the approved composition separate from article styles. */
body#topo #inicio.canva-hero{width:100%;max-width:none;height:auto;min-height:0;max-height:none;margin:0;padding:0;background:#080808;overflow:visible;isolation:isolate;border:0}
body#topo #inicio.canva-hero::before,body#topo #inicio.canva-hero::after{display:none}
body#topo.canva-cover-visible>.nav-shell.signature-shell,body#topo>.agebar{display:none!important}
body#topo.age-check-pending{overflow:hidden}
body#topo.age-check-pending #inicio.canva-hero{min-height:100svh}
body#topo.age-check-pending main>:not(#inicio),
body#topo.age-check-pending>footer,
body#topo.age-check-pending>.back-to-top{visibility:hidden;pointer-events:none}
#inicio .presentation.preparing .reveal{opacity:0!important}
#canva-entrance .overlay{z-index:100}
#canva-entrance .overlay-panel{max-height:85dvh;overflow:auto}
#inicio .presentation{min-height:0;padding-bottom:16px;font-family:'DM Sans',sans-serif;color:#eadbc0}
#inicio .bottom-area{padding-bottom:0}
#inicio .lower-composition{padding-bottom:0}
#inicio #skip-button{position:absolute;top:76px;right:clamp(48px,5vw,72px);z-index:4;margin:0;min-height:36px;padding:7px 10px}
#canva-entrance .panel-replay{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;background:transparent;color:#b9a078;font-size:13px;line-height:1.4;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
#inicio .presentation [hidden],#canva-entrance [hidden]{display:none!important}
#canva-entrance button,#inicio .presentation button{font-family:'DM Sans',sans-serif}
#canva-entrance .panel-action{color:#eadbc0}
#inicio .presentation .db-subtitle{text-decoration:underline}
#canva-entrance .brand-intro{min-height:100dvh}
@media(prefers-reduced-motion:reduce){#canva-entrance .brand-intro-name,#canva-entrance .brand-intro-motto{opacity:1!important;animation:none!important}#canva-entrance .db-gate-contour path{animation:none!important;stroke-dashoffset:0}}

#canva-entrance,#inicio .presentation{font-family:'DM Sans',sans-serif}
#canva-entrance .gate-instruction{font-family:'DM Sans',sans-serif}

/* Phone entry uses a smaller, viewport-bounded D composition. */
body#topo.age-check-pending>.nav-shell.signature-shell{display:none!important}
#canva-entrance .brand-intro-name{margin:0!important}
#canva-entrance .brand-intro-name span{display:block}
#canva-entrance .brand-intro-name span+span{margin-top:.14em}
#canva-entrance .brand-intro-motto{margin:0!important}
@media(max-width:700px){
  #canva-entrance .gate{height:100svh;padding:20px}
  #canva-entrance .gate-art{width:min(320px,100%,calc((100svh - 40px)*5/7));height:auto;min-height:0;max-height:none;aspect-ratio:5/7;margin:0 auto}
  #canva-entrance .gate-content{padding:28% 12% 8%}
  #canva-entrance .gate-brand{font-size:22px;line-height:1.16;margin:0!important;white-space:nowrap}
  #canva-entrance .gate-instruction{font-size:14px;line-height:1.5!important;margin:18px 0 22px!important}
  #canva-entrance .enter{min-height:48px;padding:12px;gap:9px;font-size:12px}
  #canva-entrance .exit{margin-top:8px}
  #canva-entrance .watermarks span{font-size:clamp(130px,47vw,210px)}
  #canva-entrance .brand-intro-inner{gap:22px}
  #canva-entrance .brand-intro-name span:first-child{font-size:24px}
  #canva-entrance .brand-intro-name span:last-child{font-size:64px}
  body#topo #inicio.canva-hero{min-height:0;max-height:none}
  #inicio .presentation{min-height:0;padding:20px 16px 16px}
  #inicio .portrait{width:min(100%,calc((100svh - 340px)*2/3));min-width:100px}
  #inicio .bottom-area{margin-top:10px;padding-bottom:0}
  #inicio .actions{padding-top:8px;gap:10px}
  #inicio .lower-composition{gap:12px;padding-bottom:0}
  #inicio .composition-footer .signature{margin:0!important;text-align:center!important;line-height:1.5!important}
  #inicio .sequence-control{margin:4px auto 0}
  #inicio #skip-button{top:68px;right:26px;margin:0}
}

@media(max-width:700px){
  #inicio .identity .db-brand{font-size:clamp(20px,6.7vw,28px)}
  #inicio .composition-footer{display:block}
  #inicio .composition-footer .signature{width:100%;padding-inline:8px;transform:none;white-space:normal!important}
}
@media(max-width:360px){
  #canva-entrance .gate-content{padding-top:26%}
  #canva-entrance .gate-brand{font-size:20px}
  #canva-entrance .gate-instruction{font-size:13px;margin-block:14px 18px!important}
}