@font-face{font-family:'Open Sans';src:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/opensans-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/opensans-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Candara;src:local('Candara');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Candara;src:local('Candara Italic');font-style:italic;font-weight:400;font-display:swap}
:root{--green:#061F1A;--sand:#E6DBC6;--copper:#E59661;--light-text:#DFD5BE;--rule:rgba(6,31,26,.22);--nav-glass:rgba(13,38,31,.82);--motion:160ms}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--sand);color:var(--green);font:400 18px/1.72 'Open Sans',sans-serif;padding-bottom:96px}
h1,h2,h3,p,blockquote{margin:0}
h1,h2,h3,blockquote{font-family:Candara,'Open Sans',sans-serif;font-weight:400;text-wrap:balance;overflow-wrap:anywhere}
h1{font-size:clamp(48px,5.3vw,76px);line-height:1.08;letter-spacing:-.035em}
h2{font-size:clamp(30px,3.1vw,44px);line-height:1.17;letter-spacing:-.025em}
h3{font-size:29px;line-height:1.25;letter-spacing:-.015em}
a{color:inherit;text-underline-offset:5px}
a,button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:5px;border-radius:4px}
.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;line-height:1.5}
.section-title .eyebrow{margin-bottom:18px}
.split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:88px}
.skip{position:fixed;top:-150px;left:20px;padding:14px 24px;z-index:300;background:var(--sand);color:var(--green)}
.skip:focus{top:110px}

 
.navd{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:80;width:min(1180px,calc(100% - 36px));background:var(--nav-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0;border-radius:60px;box-shadow:0 12px 30px rgba(6,31,26,.18);color:var(--light-text)}
.nav-in{padding:9px 12px 9px 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px}
.brand{display:flex;align-items:center;min-height:44px}
.brand svg{height:30px;width:auto;display:block}
.brand svg g{fill:var(--copper)}
.nav-links{display:flex;align-items:center;gap:23px}
.nav-links a{font-size:12px;letter-spacing:.06em;text-decoration:none;display:flex;align-items:center;min-height:44px}
.nav-links>a:not(.nav-cta):hover,.ddt:hover{color:var(--copper)}
.nav-links .nav-cta{border-radius:60px;padding:10px 23px;background:var(--copper);color:var(--green);font-weight:600}
.dd{position:relative}
.ddp{position:absolute;top:calc(100% + 12px);left:-18px;min-width:290px;background:var(--green);padding:12px;border-radius:16px;visibility:hidden;opacity:0;transition:opacity var(--motion)}
.ddp:before{content:'';position:absolute;height:14px;bottom:100%;left:0;right:0}
.ddp a{padding:10px 14px;min-height:46px}
.ddp a:hover,.ddp a.act{background:rgba(229,150,97,.13);color:var(--copper)}
.dd:hover .ddp,.dd:focus-within .ddp{visibility:visible;opacity:1}
.menu-btn{display:none}

.hero{position:relative;padding:192px 0 126px;background:var(--green);color:var(--sand)}
.hero-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:88px}
.hero .eyebrow{color:var(--copper);margin-bottom:23px}
.hero-title>.quiet-link{margin-top:36px;font-size:14px;color:var(--light-text)}
.hero-copy{padding-top:2px}
.hero-copy p{font-size:20px;line-height:1.75}
.hero-copy p+p{margin-top:24px;color:var(--light-text);font-size:18px}
.actions{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;border-radius:40px;min-height:54px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.5;transition:background var(--motion),box-shadow var(--motion)}
.primary{background:var(--copper);color:var(--green)}
.primary:hover{box-shadow:0 0 0 3px var(--light-text)}
.primary:active{background:var(--sand)}
.quiet-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;text-decoration:underline;text-decoration-thickness:1px}
.quiet-link span{font-size:20px;text-decoration:none}
.quiet-link:hover{text-decoration-thickness:2px}
.wave{height:84px;line-height:0;pointer-events:none}
.wave svg{display:block;width:100%;height:100%}
.hero .wave{position:absolute;bottom:-1px;left:0;right:0}
.approach{padding-top:80px;padding-bottom:88px}
.copper-rule{width:64px;height:3px;background:var(--copper);margin-top:27px}
.prose{max-width:680px}
.prose p+p{margin-top:24px}
blockquote{font-size:28px;line-height:1.35;margin-top:32px;padding-top:24px;border-top:1px solid var(--rule);font-style:italic}
.reasons{padding-top:64px;border-top:1px solid var(--rule)}
.section-heading{margin-bottom:48px}
.reading-layout{align-items:start}
.topic-index{position:sticky;top:116px;align-self:start;padding-right:20px}
.topic-index p{font-size:13px;margin-bottom:12px;font-weight:600}
.topic-index a{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.5;text-decoration:none;transition:background var(--motion)}
.topic-index a:after{content:'↓';margin-left:auto;font-size:17px;flex-shrink:0}
.topic-index a:hover,.topic-index a[aria-current="location"]{background:rgba(6,31,26,.07)}
.topic-index a[aria-current="location"]{font-weight:600}
.topic{padding:28px 0 32px;border-top:1px solid var(--rule);scroll-margin-top:115px}
.topic:first-child{border-top:3px solid var(--copper);padding-top:28px}
.topic h3{margin-bottom:12px}
.topic p{max-width:680px;font-size:18px;line-height:1.72}
.topic:last-child{padding-bottom:0}
.disclosures{margin-left:408px}
.disclosure{border-top:1px solid var(--rule);scroll-margin-top:116px}
.disclosure:first-child{border-top:3px solid var(--copper)}
.disclosure:last-child{border-bottom:1px solid var(--rule)}
.disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;transition:background var(--motion)}
.disclosure summary::-webkit-details-marker{display:none}
.disclosure summary:hover{background:rgba(6,31,26,.05)}
.disclosure h3{font-size:28px}
.disclosure .chevron{height:24px;width:24px;flex:0 0 24px;transition:transform var(--motion);stroke:currentColor;fill:none;stroke-width:1.5}
.disclosure[open] .chevron{transform:rotate(180deg)}
.disclosure p{padding:0 42px 30px 0;font-size:18px;line-height:1.72}
.also{padding-top:64px;padding-bottom:70px;border-top:1px solid var(--rule);margin-top:80px}
.also h2{font-size:32px}
.closing-wave{margin-bottom:-1px}
.contact{background:var(--green);color:var(--sand);padding:40px 0 66px}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.contact h2{max-width:340px;font-size:38px}
.contact .actions{margin:0;max-width:615px;justify-content:flex-end}
.footer{background:var(--green);color:var(--light-text);padding-bottom:44px}
.legal{font-size:14px;line-height:1.7;max-width:760px;padding-top:32px;border-top:1px solid rgba(230,219,198,.3)}
.footer-row{display:flex;align-items:center;gap:40px;margin-top:38px;font-size:12px;line-height:1.9}
.footer-logo{width:116px;height:auto;display:block}
.footer-row>.quiet-link{margin-left:auto}
.review{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:calc(100% - 24px);padding:8px 10px 8px 18px;display:flex;align-items:center;gap:26px;background:var(--sand);color:var(--green);border:1px solid var(--rule);box-shadow:0 5px 32px rgba(6,31,26,.2);border-radius:14px;font-size:12px;line-height:1.5}
.review-note{display:flex;flex-direction:column;font-size:11px;min-width:90px}
.review-note strong{font-weight:600}
.review nav{display:flex;gap:6px}
.review a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:44px;padding:10px 15px;text-decoration:none;border-radius:8px;font-weight:600;overflow-wrap:anywhere}
.review a:hover{background:rgba(6,31,26,.08)}
.review a[aria-current="page"]{background:var(--green);color:var(--sand)}
@media(min-width:960px){body[data-capture="motivos"] .section-heading{margin-bottom:32px}}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:48px}
  .split{grid-template-columns:270px minmax(0,1fr);gap:48px}
  .disclosures{margin-left:318px}
  .contact-inner{align-items:start}
  .contact .actions{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:940px){
  .navd{top:10px;width:calc(100% - 20px)}
  .nav-in{min-height:62px;padding:9px 12px 9px 22px}
  .menu-btn{display:grid;place-content:center;gap:6px;width:44px;height:44px;background:transparent;border:0;cursor:pointer}
  .menu-btn span{display:block;width:24px;height:2px;background:var(--copper);transition:transform var(--motion),opacity var(--motion)}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:18px 24px 24px;background:var(--green);border-radius:22px;max-height:calc(100dvh - 190px);overflow:auto}
  .nav-links.abierto{display:block}
  .nav-links a{min-height:46px;letter-spacing:.02em}
  .nav-links>.nav-cta{margin-top:10px;justify-content:center}
  .ddp{position:static;visibility:visible;opacity:1;padding:0 0 12px 16px;min-width:0}
  .ddp a{font-size:13px;line-height:1.45;padding:9px 12px}
  .ddp:before{display:none}
  .hero{padding-top:136px}}
@media(max-width:760px){
  body{padding-bottom:100px}
  .wrap{width:calc(100% - 48px)}
  .hero{padding:126px 0 94px}
  .hero-grid,.split{grid-template-columns:minmax(0,1fr);gap:30px}
  h1{font-size:clamp(46px,8.3vw,62px);line-height:1.03}
  h2{font-size:34px;line-height:1.16}
  h3{font-size:27px}
  .hero .eyebrow{margin-bottom:18px}
  .hero-title>.quiet-link{margin-top:20px;font-size:13px}
  .hero-copy p{font-size:18px;line-height:1.72}
  .hero-copy p+p{font-size:18px;margin-top:22px}
  .actions{gap:12px 20px;margin-top:26px}
  .button{padding:14px 22px}
  .quiet-link{font-size:13px}
  .hero .wave{height:68px}
  .approach{padding-top:42px;padding-bottom:54px;gap:25px}
  .section-title .eyebrow{margin-bottom:12px}
  .copper-rule{margin-top:20px;width:44px}
  .prose p{font-size:18px;line-height:1.72}
  blockquote{font-size:27px}
  .reasons{padding-top:40px}
  .section-heading{gap:20px;margin-bottom:30px}
  .reading-layout{gap:28px}
  .topic-index{position:static;padding-right:0;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .topic-index p{grid-column:1/-1;font-size:13px;margin-bottom:6px}
  .topic-index a{font-size:13px;line-height:1.5;min-height:57px;padding:10px 0}
  .topic{padding:26px 0 30px;scroll-margin-top:90px}
  .topic p,.disclosure p{font-size:18px}
  .disclosures{margin-left:0}
  .disclosure h3{font-size:27px}
  .disclosure summary{padding:23px 0;gap:20px}
  .disclosure p{padding-right:0}
  .also{margin-top:50px;padding-top:36px;padding-bottom:22px;gap:18px}
  .also h2{font-size:30px}
  .contact{padding:22px 0 36px}
  .contact-inner{display:block}
  .contact h2{font-size:36px;max-width:310px}
  .contact .actions{margin-top:26px;align-items:flex-start}
  .contact .button{font-size:13px;text-align:center}
  .footer .legal{padding-top:26px;font-size:13px}
  .footer-row{align-items:flex-start;flex-direction:column;gap:22px;font-size:12px;margin-top:28px}
  .footer-row>.quiet-link{margin-left:0}
  .review{bottom:8px;width:calc(100% - 16px);max-width:none;gap:8px;padding:7px 8px;border-radius:12px}
  .review-note{min-width:74px;font-size:10px;line-height:1.45}
  .review nav{flex:1;gap:5px}
  .review a{padding:8px;flex:1;font-size:11px;line-height:1.45;min-height:48px}
  html{scroll-padding-top:96px}}
@media(max-width:370px){.wrap{width:calc(100% - 36px)}.review-note{display:none}.topic-index{column-gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.navd,.review,.skip,.topic-index,.contact .actions{display:none}body{padding:0;color:#061F1A;background:#E6DBC6}.hero{padding-top:30px}.topic,.disclosure{break-inside:avoid}.disclosure::details-content{content-visibility:visible}}

 


 
.topic-index a::after{content:none}
.hero-copy .opening-notes{margin:0 0 27px;padding-left:17px;list-style:disc;color:var(--light-text)}
.opening-notes li{padding-left:5px;font-family:Candara,'Open Sans',sans-serif;font-size:18px;line-height:1.55;font-weight:400}
.opening-notes li+li{margin-top:8px}
.opening-notes li::marker{color:var(--copper);font-size:.58em}
.opening-notes em{font-style:italic}
.hero-copy p.integral-intro{font-size:18px;line-height:1.72;color:var(--light-text);max-width:590px}
.approach{display:block;padding-top:56px}
.approach .section-title{margin-bottom:32px}
.approach h2{font-size:clamp(36px,4vw,54px);line-height:1.14;max-width:950px;letter-spacing:-.025em;text-wrap:balance}
.approach .copper-rule{margin-top:22px}
.approach .prose{max-width:680px}
.review.review-v2{gap:14px;padding:10px 18px;font-size:11px;line-height:1.5;border-radius:10px}
.review-v2 strong{font-weight:600}
.review-v2 span{border-left:1px solid var(--rule);padding-left:14px}
@media(max-width:760px){
  .hero-copy .opening-notes{margin-bottom:24px}
  .opening-notes li{font-size:17px;line-height:1.55}
  .opening-notes li+li{margin-top:8px}
  .hero-copy p.integral-intro{font-size:18px;line-height:1.72}
  .approach{padding-top:38px}
  .approach .section-title{margin-bottom:26px}
  .approach h2{font-size:36px;max-width:560px}
  .review.review-v2{width:max-content;max-width:calc(100% - 24px);padding:9px 14px;gap:12px}
  .review-v2 span{padding-left:12px}}

 


 
body{font-size:16px;line-height:1.75}
h1{font-size:clamp(42px,4.5vw,64px)}
h2{font-size:clamp(30px,2.6vw,38px)}
h3{font-size:26px;line-height:1.23}
.hero{padding-top:170px;padding-bottom:112px}
.hero-copy .opening-notes{margin-bottom:24px}
.opening-notes li{font-size:17px;line-height:1.55}
.hero-copy p.integral-intro,.prose p,.topic p{font-size:16px;line-height:1.75}
.integral-intro,.prose p,.topic-copy p,.legal{text-align:justify;text-align-last:start;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:9 4 4;overflow-wrap:break-word}
.prose strong{font-weight:600;hyphens:none;-webkit-hyphens:none}
.hero-title>.quiet-link{margin-top:28px}
.approach{padding-top:46px;padding-bottom:68px}
.approach .section-title{margin-bottom:30px}
.approach h2{font-size:clamp(32px,3.05vw,44px);max-width:950px}
.approach .copper-rule{margin-top:20px}
.approach-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:72px;align-items:start}
.approach .prose{max-width:none;min-width:0}
.prose p+p{margin-top:20px}
blockquote{font-size:24px;line-height:1.4;margin-top:26px;padding-top:22px}
.consultation-media{min-width:0;margin:0}
.consultation-slot{aspect-ratio:4/5;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:var(--green);color:var(--sand);border-radius:3px 48px 3px 3px}
.media-kicker{font-size:10px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
.consultation-slot .media-kicker{color:var(--copper)}
.consultation-title{font-family:Candara,'Open Sans',sans-serif;font-size:26px;line-height:1.3;font-style:italic}
.media-pending{font-size:12px;line-height:1.5}
.consultation-slot .media-pending{color:var(--light-text)}
.consultation-media figcaption{font-size:12px;line-height:1.65;margin-top:12px;max-width:340px}
.reasons{padding-top:50px}
.section-heading.split,.also.split{grid-template-columns:320px minmax(0,1fr);gap:72px}
.section-heading{margin-bottom:38px}
.reading-layout.split{grid-template-columns:200px minmax(0,1fr);gap:48px}
.topic-index{padding-right:0}
.topic-index a{font-size:13px}
.topics,.topic-copy{min-width:0}
.topic{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:32px;align-items:center;padding:34px 0}
.topic:first-child{padding-top:32px}
.topic h3{margin-bottom:13px}
.topic p{max-width:none}
.topic-gallery{min-width:0;max-width:100%;align-self:start}
.gallery-track{display:flex;overflow:hidden;border-radius:2px 24px 2px 2px;isolation:isolate}
.gallery-slide{display:none;flex:0 0 100%;min-width:0;aspect-ratio:4/3;padding:20px;flex-direction:column;justify-content:space-between;background:rgba(6,31,26,.09);color:var(--green)}
.gallery-slide:first-child{display:flex}
.topic-gallery.is-ready .gallery-track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto}
.topic-gallery.is-ready .gallery-track::-webkit-scrollbar{display:none}
.topic-gallery.is-ready .gallery-slide{display:flex;scroll-snap-align:start;scroll-snap-stop:always}
.gallery-slide:nth-child(2){background:rgba(6,31,26,.14)}
.gallery-slide:nth-child(3){background:rgba(6,31,26,.19)}
.gallery-subject{font-family:Candara,'Open Sans',sans-serif;font-size:21px;line-height:1.25;font-style:italic;max-width:22ch}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-top:2px}
.gallery-controls[hidden]{display:none}
.gallery-count{font-size:11px;line-height:1.4}
.gallery-dots{display:flex;gap:8px;flex-shrink:0}
.gallery-dot{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;border:0;padding:0;background:transparent;color:var(--green);border-radius:50%;transition:background var(--motion)}
.gallery-dot span{display:block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;transition:background var(--motion)}
.gallery-dot[aria-pressed="true"] span{background:currentColor;box-shadow:0 0 0 2px var(--sand),0 0 0 3px currentColor}
.gallery-dot:hover,.gallery-dot:active{background:rgba(6,31,26,.1)}
.gallery-dot:focus-visible{outline-offset:0}
.gallery-track:focus-visible{outline-offset:4px}
.also{margin-top:64px;padding-top:44px;padding-bottom:50px}
.also h2{font-size:30px}
.contact h2{font-size:32px}
@media(max-width:1200px){
  .reading-layout.split{display:block}
  .topic-index{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;margin-bottom:30px}
  .topic-index p{grid-column:1/-1;margin-bottom:4px}
  .topic-index a{min-height:58px}
  .topic{grid-template-columns:minmax(0,1fr) 300px;gap:48px}
  .approach-content{gap:48px}}
@media(max-width:940px){
  .hero{padding-top:136px}
  .approach-content{grid-template-columns:minmax(0,1fr);gap:32px}
  .consultation-media{width:100%;max-width:520px}
  .consultation-slot{aspect-ratio:4/3}
  .section-heading.split,.also.split{grid-template-columns:240px minmax(0,1fr);gap:40px}
  .topic{grid-template-columns:minmax(0,1fr) 248px;gap:30px}
  .gallery-controls{flex-wrap:wrap;gap:0}}
@media(max-width:760px){
  h1{font-size:clamp(40px,8.2vw,54px)}
  h2{font-size:30px}
  h3{font-size:25px}
  .hero{padding:122px 0 90px}
  .hero-grid{gap:28px}
  .hero-title>.quiet-link{margin-top:18px}
  .opening-notes li{font-size:16px}
  .hero-copy p.integral-intro,.prose p,.topic p{font-size:16px;line-height:1.75}
  .approach{padding-top:34px;padding-bottom:46px}
  .approach h2{font-size:32px}
  .approach .section-title{margin-bottom:26px}
  .approach .copper-rule{margin-top:18px}
  blockquote{font-size:23px}
  .consultation-slot{padding:24px;border-top-right-radius:36px}
  .consultation-title{font-size:25px}
  .reasons{padding-top:36px}
  .section-heading.split,.also.split{grid-template-columns:minmax(0,1fr);gap:20px}
  .section-heading{margin-bottom:26px}
  .topic-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin-bottom:20px}
  .topic{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px 0 26px}
  .topic:first-child{padding-top:28px}
  .topic-gallery{width:100%;max-width:480px}
  .gallery-slide{aspect-ratio:3/2;padding:22px}
  .gallery-controls{flex-wrap:nowrap;gap:8px}
  .gallery-subject{font-size:23px}
  .also{margin-top:44px;padding-top:32px;padding-bottom:26px}
  .also h2{font-size:28px}
  .contact h2{font-size:32px}}
@media print{.gallery-controls{display:none}.consultation-slot,.gallery-slide{break-inside:avoid}}

 


 
body{position:relative;isolation:isolate}
body::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/arena.jpg') center top/1200px auto repeat;opacity:.035;mix-blend-mode:multiply}
.hero{isolation:isolate;padding:164px 0 116px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/hojas-home.jpg') left 48%/cover no-repeat;opacity:.88}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,31,26,.68),rgba(6,31,26,.46) 35%,rgba(6,31,26,.91) 68%,rgba(6,31,26,.96)),linear-gradient(0deg,rgba(6,31,26,.62),transparent 55%)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:108px;align-items:center}
.hero-title{padding:24px 0 72px}
h1{font-size:clamp(42px,4.5vw,64px);line-height:1.06;letter-spacing:-.025em}
h1 em{font-weight:400;color:var(--copper)}
.hero-title>.quiet-link{margin-top:30px}
.hero-copy{position:relative;padding:0 0 0 28px;border-left:1px solid rgba(229,150,97,.48)}
.opening-notes li{font-size:17px;line-height:1.6}
.hero-copy .opening-notes{margin-bottom:24px}
.hero .actions{gap:10px 22px;margin-top:24px}
.hero .wave{z-index:2}
.copper-rule{background:var(--copper) url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/cobre.jpg') center/cover;width:88px;height:3px}
.approach{padding-top:48px;padding-bottom:76px}
.approach-content{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:92px;align-items:center}
.approach .section-title{margin-bottom:36px}
.approach h2{max-width:920px;font-size:40px}
.approach blockquote{border:0;padding-top:8px;margin-top:24px;max-width:460px;font-size:24px}
.consultation-media{position:relative;isolation:isolate;padding:28px 30px 0 0;width:100%;max-width:470px;justify-self:end}
.consultation-backdrop{position:absolute;right:0;top:0;bottom:90px;width:52%;z-index:-1;background:var(--green) url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/hojas-detalle.jpg') center/cover;border-radius:120px 120px 22px 22px}
.consultation-media::before{content:'';position:absolute;left:-20px;right:52px;bottom:84px;height:82px;z-index:-1;background:var(--copper) url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/cobre.jpg') center/cover;border-radius:20px 0 20px 20px}
.consultation-slot{position:relative;aspect-ratio:auto;padding:64px 32px 28px;border-radius:160px 160px 22px 22px;background:linear-gradient(rgba(230,219,198,.88),rgba(230,219,198,.88)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/arena.jpg') center/cover;color:var(--green);border:1px solid rgba(6,31,26,.2);min-height:500px;gap:32px}
.consultation-slot .media-kicker,.consultation-slot .media-pending{color:var(--green)}
.consultation-title{font-size:27px;line-height:1.25;font-style:italic;max-width:230px}
.consultation-media figcaption{margin-top:22px;max-width:330px;font-size:12px;line-height:1.6}

.reasons{padding-top:50px;border-top:1px solid var(--rule)}
.section-heading.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.section-heading{margin-bottom:28px}
.reading-layout.split{display:block}
.topic-index{position:static;display:flex;flex-wrap:wrap;gap:0 24px;padding:16px 0 22px;margin:0 0 36px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.topic-index p{width:100%;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.topic-index a{border:0;font-size:13px;min-height:44px;padding:9px 0;text-decoration:underline;text-decoration-color:rgba(6,31,26,.3);text-decoration-thickness:1px;text-underline-offset:5px}
.topic-index a:hover,.topic-index a[aria-current="location"]{background:transparent;text-decoration-thickness:2px;text-decoration-color:var(--green)}
.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:100px;row-gap:44px;align-items:start}
.topic,.topic:first-child,.topic:last-child{display:flex;flex-direction:column;gap:0;align-items:stretch;border:0;padding:0 0 28px;margin-top:0;position:relative;scroll-margin-top:0;min-width:0}
.topic:nth-child(even){margin-top:104px}
.topic h3{font-size:26px;line-height:1.25;margin-bottom:16px;max-width:390px}
.topic-copy{max-width:460px}
.topic p{font-size:16px;line-height:1.75}
.patient-lead{display:block;margin-bottom:12px;font-family:Candara,'Open Sans',sans-serif;font-style:italic;font-size:21px;line-height:1.4;text-align:left;hyphens:none;-webkit-hyphens:none}
.topic-gallery{position:relative;isolation:isolate;width:calc(100% - 34px);max-width:none;margin:28px 34px 0 0;align-self:start}
.topic-gallery::before{content:'';position:absolute;z-index:-1;right:-34px;top:-16px;width:42%;height:calc(100% - 68px);background:var(--green) url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/hojas-detalle.jpg') center/cover;border-radius:80px 80px 22px 22px}
.topic:nth-child(4n + 2) .topic-gallery::before{background-image:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/agua.jpg');border-radius:22px 90px 22px 22px}
.topic:nth-child(4n + 3) .topic-gallery::before{background:var(--copper) url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/cobre.jpg') center/cover;border-radius:22px}
.topic:nth-child(4n) .topic-gallery::before{background-image:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/hojas-home.jpg');border-radius:100px 100px 22px 22px}
.gallery-track{border-radius:22px 72px 22px 22px;border:1px solid rgba(6,31,26,.2);background:var(--sand)}
.gallery-slide{aspect-ratio:auto;min-height:260px;padding:24px;gap:24px;background:linear-gradient(rgba(230,219,198,.83),rgba(230,219,198,.9)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/arena.jpg') center/cover}
.gallery-slide:nth-child(2){background:linear-gradient(rgba(230,219,198,.91),rgba(230,219,198,.91)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/cobre.jpg') center/cover}
.gallery-slide:nth-child(3){background:linear-gradient(rgba(230,219,198,.88),rgba(230,219,198,.88)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/hojas-detalle.jpg') center/cover}
.gallery-subject{font-size:23px;line-height:1.3;max-width:260px;font-style:italic;opacity:.85}
.topic:nth-child(even) .gallery-track{border-radius:72px 22px 22px 22px}
.topic:nth-child(even) .gallery-slide{min-height:290px;padding-top:32px}
.topic:nth-child(even) .topic-gallery{margin-right:0;margin-left:34px;width:calc(100% - 34px)}
.topic:nth-child(even) .topic-gallery::before{right:auto;left:-34px;top:30px}
.gallery-controls{margin-top:8px}
.gallery-dot[aria-pressed="true"] span{box-shadow:0 0 0 2px var(--sand),0 0 0 3px currentColor}
.also{margin-top:32px}
.contact{position:relative;isolation:isolate;overflow:hidden;padding:58px 0 64px}
.contact::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,31,26,.65),rgba(6,31,26,.78)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/agua.jpg') center 45%/cover}
.contact h2{font-size:34px}
.contact .actions{max-width:570px}
.review.review-v2{background:rgba(230,219,198,.95);backdrop-filter:blur(12px)}
@media(max-width:1200px){
  .hero-grid{gap:64px}
  .approach-content{gap:64px}
  .topics{column-gap:68px}
  .topic-index a{min-height:44px}}
@media(max-width:940px){
  .hero{padding-top:134px}
  .hero-grid{gap:40px}
  .hero-copy{padding-left:22px}
  .approach-content{grid-template-columns:minmax(0,1fr);gap:32px}
  .consultation-media{justify-self:start;max-width:480px;margin-left:20px;width:calc(100% - 20px)}
  .consultation-slot{min-height:340px}
  .section-heading.split{gap:44px}
  .topics{column-gap:44px}
  .topic-gallery,.topic:nth-child(even) .topic-gallery{width:calc(100% - 22px);margin-left:0;margin-right:22px}
  .topic-gallery::before{right:-22px}
  .topic:nth-child(even) .topic-gallery::before{left:auto;right:-22px}
  .gallery-slide{padding:22px 18px}
  .gallery-subject{font-size:21px}
  .gallery-controls{flex-wrap:wrap}}
@media(max-width:760px){
  .hero{padding:120px 0 94px}
  .hero::before{background-position:36% top;background-size:auto 600px;background-repeat:no-repeat;opacity:.95}
  .hero::after{background:linear-gradient(0deg,var(--green) 5%,rgba(6,31,26,.97) 40%,rgba(6,31,26,.6) 90%)}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .hero-title{padding:10px 0 10px}
  h1{font-size:clamp(40px,8.2vw,54px);line-height:1.06}
  .hero-title>.quiet-link{margin-top:18px}
  .hero-copy{padding:0;border:0}
  .opening-notes li{font-size:16px;line-height:1.6}
  .hero .actions{margin-top:24px}
  .approach{padding-top:30px;padding-bottom:48px}
  .approach h2{font-size:32px;max-width:400px}
  .approach .section-title{margin-bottom:26px}
  .approach blockquote{font-size:23px}
  .consultation-media{padding-right:24px;padding-top:22px;max-width:450px}
  .consultation-slot{min-height:300px;padding:58px 26px 24px;border-radius:140px 140px 20px 20px}
  .consultation-title{font-size:25px}
  .consultation-media::before{left:-16px;bottom:96px}
  .consultation-media figcaption{margin-top:20px}
  .reasons{padding-top:36px}
  .section-heading.split{grid-template-columns:minmax(0,1fr);gap:20px}
  .topic-index{gap:0 20px;padding:16px 0;margin-bottom:32px}
  .topic-index a{font-size:12px}
  .topics{display:block}
  .topic,.topic:first-child,.topic:nth-child(even),.topic:last-child{padding:0 0 40px;margin:0 0 34px;border-bottom:1px solid var(--rule);scroll-margin-top:0}
  .topic:last-child{margin-bottom:0;border:0;padding-bottom:0}
  .topic h3{font-size:25px;margin-bottom:14px}
  .patient-lead{font-size:20px}
  .topic-gallery,.topic:nth-child(even) .topic-gallery{margin:24px 24px 0 0;width:calc(100% - 24px);max-width:480px}
  .topic-gallery::before,.topic:nth-child(even) .topic-gallery::before{right:-24px;left:auto;top:-12px}
  .gallery-slide,.topic:nth-child(even) .gallery-slide{min-height:210px;padding:24px}
  .gallery-track{border-radius:22px 60px 22px 22px}
  .topic:nth-child(even) .gallery-track{border-radius:60px 22px 22px 22px}
  .gallery-subject{font-size:22px;max-width:240px}
  .gallery-controls{flex-wrap:nowrap;gap:6px}
  .gallery-dots{gap:4px}
  .gallery-count{font-size:10px}
  .also{margin-top:44px}
  .contact{padding:30px 0 42px}
  .contact h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body::before,.hero::before,.hero::after,.consultation-backdrop,.consultation-media::before,.topic-gallery::before,.contact::before{display:none}.topics{display:block}.topic:nth-child(even){padding-top:0}}

 

@font-face{font-family:Candara;src:local('Candara Bold');font-style:normal;font-weight:700;font-display:swap}

 
 
:root{--motives-surface:#EFE8DB;--hero-material:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a5/agua.jpg');--hero-position:center 42%}
html[data-fondo="madera"]{--hero-material:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a5/madera.jpg');--hero-position:center 48%}
html[data-fondo="piedra"]{--hero-material:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a5/piedra.jpg');--hero-position:center 52%}
.hero::before{background-image:var(--hero-material);background-position:var(--hero-position);background-size:cover;opacity:1}
.hero::after{background:linear-gradient(90deg,rgba(6,31,26,.77),rgba(6,31,26,.73) 39%,rgba(6,31,26,.91) 72%,rgba(6,31,26,.95)),linear-gradient(0deg,rgba(6,31,26,.35),transparent 65%)}
.hero-grid{grid-template-columns:clamp(256.2px,27.45vw,390.4px) minmax(0,1fr);gap:36px;align-items:center}
.hero-title{padding:24px 0 44px}
.hero-title .eyebrow{color:var(--light-text)}
.hero-copy{padding-left:32px;max-width:690px}
.hero-title>.quiet-link{margin-top:26px}
.hero{padding-bottom:104px}

 
.approach{padding-bottom:76px}
.motives-surface{background:var(--motives-surface);padding:52px 0 4px;border-top:1px solid rgba(6,31,26,.13)}
.reasons{padding-top:0;border-top:0}
.reasons .section-heading{margin-bottom:56px}
.section-heading .prose{max-width:510px}
.topic h3{font-weight:700;font-size:26px;line-height:1.26;margin-bottom:16px;max-width:420px}
.topic h3::after{content:'';display:block;height:3px;width:76px;margin-top:13px;background:var(--copper) url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/cobre.jpg') center/cover}
.topic .patient-lead{font-size:20px}
.gallery-dot[aria-pressed="true"] span{box-shadow:0 0 0 2px var(--motives-surface),0 0 0 3px currentColor}
.motives-surface .also{margin-top:32px;padding-bottom:32px}

 
.contact-scene{position:relative;isolation:isolate;background:var(--green)}
.contact-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,31,26,.65),rgba(6,31,26,.78)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/agua.jpg') center 46%/cover no-repeat}
.contact-scene .closing-wave{position:relative;margin:0;color:var(--motives-surface);height:84px}
.contact-scene .contact{background:transparent;isolation:auto;overflow:visible;padding:22px 0 28px}
.contact::before{content:none}
.contact-wave-bottom{height:84px;margin-bottom:-1px}
.footer{position:relative}

.review.review-v5{gap:16px;padding:8px 10px 8px 16px;background:rgba(230,219,198,.97);backdrop-filter:blur(12px)}
.review-v5 .review-note{min-width:112px;line-height:1.6}
.review-v5 nav{gap:8px}
.review-v5 a{min-height:44px;min-width:72px;padding:9px 14px}
@media(max-width:1100px){.hero-grid{gap:28px}.hero-copy{padding-left:26px}}
@media(max-width:940px){.hero-grid{gap:22px}.hero-copy{padding-left:22px}}
@media(max-width:760px){
  .hero{padding-bottom:94px}
  .hero::before{background-position:var(--hero-position);background-size:auto 650px}
  .hero::after{background:linear-gradient(0deg,var(--green) 5%,rgba(6,31,26,.97) 40%,rgba(6,31,26,.79) 88%)}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .hero-title{padding:10px 0 8px}
  .hero-title>.quiet-link{margin-top:18px}
  .hero-copy{padding-left:0}
  .approach{padding-bottom:44px}
  .motives-surface{padding-top:36px}
  .reasons .section-heading{margin-bottom:36px}
  .topic h3{font-size:25px}
  .topic h3::after{margin-top:12px;width:64px}
  .motives-surface .also{margin-top:34px;padding-bottom:28px}
  .contact-scene .contact{padding:12px 0 24px}
  .review.review-v5{width:calc(100% - 16px);max-width:none;padding:7px 8px 7px 12px;gap:10px}
  .review-v5 .review-note{min-width:94px;font-size:10px;display:flex}
  .review-v5 nav{gap:5px}
  .review-v5 a{min-width:0;padding:8px 10px;min-height:44px;font-size:12px}}
@media print{.review-v5{display:none}.contact-scene::before{display:none}.motives-surface{background:var(--sand)}}

 


 
:root{--motives-surface:var(--green);--wave-height:84px}
body{padding-bottom:0}
body::before{content:none}
h1,h2,h3{font-family:Candara,'Gill Sans','Trebuchet MS',sans-serif}
 
.nav-links a{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.nav-links .ddp a{letter-spacing:.08em}

 
.approach-scene,.motives-surface{position:relative;isolation:isolate;margin-top:-84px;background:transparent;border:0;padding:0}
.approach-scene::before,.motives-surface::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:var(--surface-wave),linear-gradient(#000,#000);
  mask-image:var(--surface-wave),linear-gradient(#000,#000);
  -webkit-mask-size:100% 84px,100% calc(100% - 83px);
  mask-size:100% 84px,100% calc(100% - 83px);
  -webkit-mask-position:top,bottom;mask-position:top,bottom;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.approach-scene{
   
  --surface-wave:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%2084%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C54%20C250%2C18%20510%2C74%20770%2C46%20C1030%2C20%201250%2C70%201440%2C40%20L1440%2C84%20L0%2C84%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E');
  --sand-material:linear-gradient(rgba(230,219,198,.94),rgba(230,219,198,.94)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/arena.jpg') center/cover no-repeat;
}
.approach-scene::before{background:var(--sand-material)}
.wave,.hero .wave,.approach-wave,.motives-wave,.closing-wave{display:block;position:relative;width:100%;height:84px;margin:0;flex-shrink:0}
.hero{padding-bottom:104px}
 
.approach-wave,.motives-wave{pointer-events:none}
.approach{padding-top:38px;padding-bottom:150px}
.consultation-media{padding:0;margin:0;width:100%;max-width:440px;justify-self:end}
.consultation-media::before,.consultation-backdrop,.topic-gallery::before{content:none;display:none}
.consultation-slot{background:var(--green);color:var(--sand);border:0;min-height:460px;padding:54px 32px 30px;border-radius:160px 160px 22px 22px}
.consultation-slot .media-kicker{color:var(--copper);align-self:center;text-align:center}
.consultation-slot .media-pending{color:var(--light-text)}

 
 
.motives-surface{--surface-wave:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%2084%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C52%20C220%2C14%20480%2C80%20740%2C50%20C990%2C22%201230%2C66%201440%2C36%20L1440%2C84%20L0%2C84%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E');color:var(--light-text)}
.motives-surface::before{background:var(--green)}
.motives-surface h2,.motives-surface h3{color:var(--sand)}
.motives-surface .eyebrow{color:var(--copper)}
.motives-surface .prose,.motives-surface .prose p,.motives-surface .topic p{color:var(--light-text)}
.reasons{padding-top:32px;padding-bottom:0;border:0}
.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:100px;row-gap:58px;align-items:stretch}
.topic,.topic:first-child,.topic:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;border:0}
.topic-copy{max-width:none}
.topic h3{max-width:none}
.topic-gallery,.topic:nth-child(even) .topic-gallery{align-self:stretch;width:100%;max-width:none;margin:0;padding:26px 0 0;margin-top:auto}
.gallery-track,.topic:nth-child(even) .gallery-track{border-radius:22px;border:0;background:var(--sand)}
.gallery-slide,.gallery-slide:nth-child(2),.gallery-slide:nth-child(3),.topic:nth-child(even) .gallery-slide{
  min-height:260px;aspect-ratio:16/10;padding:26px;gap:24px;
  background:var(--sand);color:var(--green);
}
.gallery-slide:nth-child(2){background:var(--sand)}
.gallery-slide:nth-child(3){background:var(--sand)}
.gallery-dot{color:var(--copper)}
.gallery-dot:hover,.gallery-dot:active{background:rgba(230,219,198,.08)}
.gallery-dot[aria-pressed="true"] span{box-shadow:0 0 0 2px var(--green),0 0 0 3px currentColor}
.gallery-count{color:var(--light-text)}
.motives-surface .also{margin-top:80px;padding-top:0;padding-bottom:54px;border:0}
.also h2{max-width:350px}

 
.contact-scene{background:var(--green)}
.contact-scene::before{background:linear-gradient(90deg,rgba(6,31,26,.77),rgba(6,31,26,.86)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/agua.jpg') center 46%/cover no-repeat}
.contact-scene .closing-wave{color:var(--green);height:84px}
.contact-scene .contact{padding:28px 0 24px}
.contact-scene .footer{background:transparent;padding-top:0;padding-bottom:150px}
.contact-scene .legal{border:0;padding-top:24px;color:var(--light-text)}
.contact-scene .footer-row{margin-top:34px}
.review.review-v6{gap:24px;padding:8px 10px 8px 18px;background:rgba(230,219,198,.97);backdrop-filter:blur(12px)}
.review-v6 .review-note{min-width:140px;line-height:1.55}
.review-v6 a{min-height:44px;padding:10px 14px;background:rgba(6,31,26,.06)}
@media(max-width:1200px){.topics{column-gap:68px}}
@media(max-width:940px){
  .nav-links a{letter-spacing:.12em}
  .topics{column-gap:44px}
  .consultation-media{max-width:520px;width:100%;margin:0;justify-self:center}
  .consultation-slot{min-height:340px;padding:48px 32px 28px;border-radius:130px 130px 22px 22px}}
@media(max-width:760px){
  body{padding-bottom:0}
  .hero{padding-bottom:112px}
  .hero::before{inset:0;background-position:center top}
  .approach{padding-top:26px;padding-bottom:122px}
  .consultation-media{width:100%;margin:0;padding:0;max-width:420px}
  .consultation-slot{min-height:300px;padding:50px 28px 28px;border-radius:120px 120px 22px 22px}
  .reasons{padding-top:22px}
  .topics{grid-template-columns:minmax(0,1fr);gap:42px}
  .topic,.topic:first-child,.topic:nth-child(even){margin:0;padding:0;border:0}
  .topic-gallery,.topic:nth-child(even) .topic-gallery{width:100%;margin:0;padding-top:24px}
  .gallery-track,.topic:nth-child(even) .gallery-track{border-radius:22px}
  .gallery-slide,.topic:nth-child(even) .gallery-slide{min-height:210px;padding:24px;aspect-ratio:3/2}
  .motives-surface .also{margin-top:52px;padding-top:0;padding-bottom:34px}
  .contact-scene .contact{padding:18px 0 8px}
  .contact-scene .footer{padding-bottom:136px}
  .contact-scene .legal{padding-top:26px}
  .review.review-v6{gap:12px;width:calc(100% - 20px);max-width:410px;padding:7px 8px 7px 14px;justify-content:space-between}
  .review-v6 .review-note{min-width:0;font-size:11px;display:flex}
  .review-v6 a{font-size:11px;max-width:140px}}
@media print{
  .review-v6{display:none}
  .motives-surface::before{background:var(--sand)}
  .motives-surface,.motives-surface h2,.motives-surface h3,.motives-surface .prose p,.motives-surface .topic p{color:var(--green)}}

 

@font-face{font-family:'Open Sans';src:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a7/opensans-300.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}

 
:root{--ink:#14382E;--sand-light:#EDE3D0;--motives-surface:var(--sand-light)}
body{font-family:'Open Sans',system-ui,sans-serif;font-weight:300;color:var(--ink)}
h1,h2,h3,blockquote,.approach h2,.topic h3{font-family:Candara,'Gill Sans','Trebuchet MS',sans-serif;font-weight:300;letter-spacing:.01em;text-shadow:none}
.hero h1{font-size:clamp(40px,4.15vw,60px);line-height:1.1}
.hero h1 em{font-weight:300}
.approach h2{font-size:36px;line-height:1.2}
.reasons h2{font-size:34px}
.topic h3{font-size:25px;line-height:1.3;text-wrap:initial}
.topic h3::after{height:1px;width:48px;margin-top:13px}
.copper-rule{height:1px}
.eyebrow{font-size:10.5px;font-weight:400;letter-spacing:.32em;line-height:1.6}
.media-kicker{font-weight:400}
.nav-links a,.nav-links .nav-cta{font-weight:400;letter-spacing:.16em;font-size:11px;opacity:.8;text-shadow:none}
.nav-links a:hover,.nav-links a:focus-visible{opacity:1}
.nav-links .nav-cta{color:var(--ink);opacity:1}
.nav-links .ddp a{letter-spacing:.08em}
.menu-btn:focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-radius:8px}
.integral-intro,.legal{hyphens:none;-webkit-hyphens:none}
.button{font-size:11.5px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}
.contact .button{font-size:11.5px}
.prose strong{font-weight:600}
.topic .patient-lead{font-size:19px;line-height:1.45}

 
.motives-surface,.motives-surface h2,.motives-surface h3,
.motives-surface .prose,.motives-surface .prose p,.motives-surface .topic p{color:var(--ink)}
.motives-surface .eyebrow{color:var(--ink)}
.motives-surface::before{background:linear-gradient(rgba(237,227,208,.94),rgba(237,227,208,.94)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/arena.jpg') center/cover no-repeat}
.gallery-count{color:var(--ink)}
.gallery-dot{color:var(--ink)}
.gallery-dot:hover,.gallery-dot:active{background:rgba(6,31,26,.06)}
.gallery-dot[aria-pressed="true"] span{box-shadow:0 0 0 2px var(--sand-light),0 0 0 3px currentColor}
.other-reasons{margin:0;padding:0 0 0 16px;columns:2;column-gap:32px;font-size:16px;line-height:1.75}
.other-reasons li{break-inside:avoid;margin:0 0 12px;padding-left:3px}
.other-reasons li::marker{font-size:.65em;color:var(--ink)}
.also .prose .virtual-note{margin-top:16px;font-size:16px}
.motives-surface .also{padding-bottom:128px}

 
.contact-scene{margin-top:-84px;background:transparent;--surface-wave:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%2084%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C50%20C230%2C20%20500%2C72%20760%2C44%20C1020%2C18%201250%2C64%201440%2C38%20L1440%2C84%20L0%2C84%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E')}
.contact-scene::before{
  -webkit-mask-image:var(--surface-wave),linear-gradient(#000,#000);mask-image:var(--surface-wave),linear-gradient(#000,#000);
  -webkit-mask-size:100% 84px,100% calc(100% - 83px);mask-size:100% 84px,100% calc(100% - 83px);
  -webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.contact-scene .closing-wave{pointer-events:none}

 
@media(min-width:941px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero::before{background-attachment:fixed;background-size:cover;background-position:center 42%}
  .hero::after{background-attachment:fixed}
  .approach-scene::before,.motives-surface::before,.contact-scene::before{background-attachment:fixed}}

.review.review-v7{gap:24px;padding:8px 10px 8px 18px;background:rgba(230,219,198,.97);backdrop-filter:blur(12px)}
.review-v7 .review-note{min-width:140px;line-height:1.55}
.review-v7 a{min-height:44px;padding:10px 14px;background:rgba(6,31,26,.06);font-weight:400}
@media(max-width:1100px){.other-reasons{columns:1}}
@media(max-width:760px){
  .hero h1{font-size:clamp(40px,8.2vw,54px)}
  .approach h2,.reasons h2{font-size:31px}
  .topic h3{font-size:24px}
  .eyebrow{letter-spacing:.26em}
  .button{padding:14px 20px}
  .motives-surface .also{padding-bottom:110px}
  .review.review-v7{gap:12px;width:calc(100% - 20px);max-width:410px;padding:7px 8px 7px 14px;justify-content:space-between}
  .review-v7 .review-note{min-width:0;font-size:11px}
  .review-v7 a{font-size:11px;max-width:140px}}
@media print{.review-v7{display:none}}

 
 
#vitru-nav,#vitru-nav :where(:not(svg):not(svg *)){all:revert}
#vitru-nav,#vitru-nav *{margin:0;padding:0;box-sizing:border-box}
#vitru-nav{font-family:'Open Sans',system-ui,sans-serif;font-size:16px;font-weight:300;line-height:1.65;color:#14382E}
#vitru-nav .brand svg g{fill:#14382E}
#vitru-nav{
  --arena:#E6DBC6; --arena-2:#EDE3D0;
  --verde:#082822; --verde-2:#12463A; --vmedio:#256659;
  --cobre:#E59661; --cobre-p:#D18159; --cobre-s:#B96F46;
  --tinta:#14382E; --soft:#6E7A6A; --soft-d:#9DB3A8; --hair:rgba(20,56,46,.16); --hair-d:rgba(230,219,198,.16);
  --petrol:#16343D; --skl-arena:#DFD3C7;
  --tex:url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/cobre-marca-v2.jpg');
}nav#vitru-nav{position:fixed; top:16px; left:50%; transform:translateX(-50%); z-index:1000; width:min(1180px, calc(100% - 36px));
  background:rgba(230,219,198,.82); backdrop-filter:blur(14px); border:0; box-shadow:0 14px 34px rgba(4,18,14,.12); border-radius:60px;}#vitru-nav .nav-in{padding:12px 14px 12px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px;}#vitru-nav .brand svg{height:29px; width:auto; display:block;}#vitru-nav .nav-links{display:flex; gap:25px; align-items:center;}#vitru-nav .nav-links a{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--tinta); text-decoration:none; font-weight:400; white-space:nowrap; opacity:.8;}#vitru-nav .nav-links a:hover{opacity:1; color:var(--cobre-s);}#vitru-nav .btn{display:inline-block; text-decoration:none; font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:400; padding:14px 30px; border-radius:60px; transition:all .3s ease;}#vitru-nav .btn-cobre{background:linear-gradient(120deg,var(--cobre-p),var(--cobre)); color:#fff; box-shadow:0 12px 30px rgba(150,86,44,.35);}#vitru-nav .btn-cobre:hover{box-shadow:0 16px 38px rgba(150,86,44,.5); transform:translateY(-1px);}#vitru-nav .btn-luz{border:1px solid rgba(230,219,198,.45); color:var(--arena-2); backdrop-filter:blur(4px);}#vitru-nav .btn-luz:hover{border-color:var(--cobre); color:var(--cobre);}#vitru-nav .nav-cta{padding:11px 22px;}


@media(max-width:940px){nav#vitru-nav{top:10px; width:calc(100% - 20px);}#vitru-nav .nav-in{padding:10px 10px 10px 22px;}}#vitru-nav .nav-item{position:relative; display:flex; align-items:center; gap:5px;}#vitru-nav .nav-mas{width:18px; height:18px; padding:0; border:0; background:none; cursor:pointer; display:grid; place-items:center;
  -webkit-tap-highlight-color:transparent; color:var(--tinta); opacity:.7; transition:opacity .2s, color .2s, transform .28s ease;}#vitru-nav .nav-mas span{display:block; width:6px; height:6px; border-right:1.4px solid currentColor; border-bottom:1.4px solid currentColor;
  transform:translateY(-2px) rotate(45deg);}#vitru-nav .nav-mas:hover,#vitru-nav .nav-item:hover .nav-mas{opacity:1; color:var(--cobre-s);}#vitru-nav .nav-mas[aria-expanded="true"]{transform:rotate(180deg); color:var(--cobre-s); opacity:1;}#vitru-nav .nav-mas:focus-visible{outline:2px solid var(--cobre-s); outline-offset:3px; border-radius:4px;}#vitru-nav .nav-dd{position:absolute; top:calc(100% + 16px); left:50%; transform:translateX(-50%) translateY(-8px);
  min-width:264px; max-width:min(92vw,340px); padding:8px 0; z-index:60;
  background:rgba(6,31,26,.88); -webkit-backdrop-filter:blur(18px) saturate(1.1); backdrop-filter:blur(18px) saturate(1.1);
  border:1px solid rgba(146,163,148,.34); border-radius:26px; box-shadow:0 26px 60px rgba(4,18,14,.42);
  opacity:0; visibility:hidden; transition:opacity .24s ease, transform .28s cubic-bezier(.4,0,.2,1), visibility 0s linear .28s;}#vitru-nav .nav-item.abierto .nav-dd{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); transition:opacity .24s ease, transform .28s cubic-bezier(.4,0,.2,1), visibility 0s;}#vitru-nav .nav-dd a{display:block; padding:13px 24px; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--texto-arena,#DFD5BE); text-decoration:none; opacity:1; white-space:normal; line-height:1.45;
  border-top:1px solid rgba(223,213,190,.13); transition:background .2s, color .2s;}#vitru-nav .nav-dd a:first-child{border-top:0;}#vitru-nav .nav-dd a:hover,#vitru-nav .nav-dd a:focus-visible,#vitru-nav .nav-dd a.activa{background:rgba(104,120,86,.28); color:var(--cobre); outline:0;}
@media (max-width:940px){#vitru-nav .nav-item{display:block; position:static;}nav#vitru-nav .nav-links .nav-item > a{display:block;}#vitru-nav .nav-mas{position:absolute; right:2px; margin-top:-46px; width:44px; height:44px; color:var(--cobre-s); opacity:.85;}#vitru-nav .nav-mas span{width:8px; height:8px;}#vitru-nav .nav-dd{position:static; transform:none; min-width:0; max-width:none; margin:0 0 6px; padding:0 0 6px;
    background:none; border:0; border-radius:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
    display:none; opacity:1; visibility:visible;}#vitru-nav .nav-item.abierto .nav-dd{display:block; transform:none;}#vitru-nav .nav-dd a{color:var(--tinta); opacity:.86; padding:12px 2px 12px 18px; font-size:11px; letter-spacing:.16em;
    border-top:1px solid rgba(20,56,46,.1);}#vitru-nav .nav-dd a:hover,#vitru-nav .nav-dd a:focus-visible,#vitru-nav .nav-dd a.activa{background:rgba(104,120,86,.16); color:var(--cobre-s);}}#vitru-nav .menu-btn{display:none}.menu-velo{display:none}
@media (max-width:940px){#vitru-nav .nav-in{gap:12px;}#vitru-nav .menu-btn{display:grid; place-content:center; gap:6px; width:46px; height:46px; flex:0 0 auto;
    background:none; border:0; padding:0; cursor:pointer; -webkit-tap-highlight-color:transparent;}#vitru-nav .menu-btn span{display:block; width:26px; height:1.5px; background:var(--cobre-s); border-radius:2px;
    transition:transform .28s cubic-bezier(.4,0,.2,1), opacity .16s;}#vitru-nav .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}#vitru-nav .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0;}#vitru-nav .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}nav#vitru-nav .nav-links{
    display:block; position:absolute; top:calc(100% + 10px); left:0; right:0;
    background:rgba(236,227,208,.97); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    border:1px solid rgba(20,56,46,.14); border-radius:26px;
    padding:10px 26px 22px; box-shadow:0 26px 60px rgba(4,18,14,.35);
    max-height:calc(100vh - 110px); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    visibility:hidden; opacity:0; transform:translateY(-10px);
    transition:opacity .22s ease, transform .28s cubic-bezier(.4,0,.2,1), visibility .28s;}body.menu-abierto nav#vitru-nav .nav-links{visibility:visible; opacity:1; transform:none;}nav#vitru-nav .nav-links a{display:block; opacity:1; font-size:12.5px; letter-spacing:.2em; line-height:1.2;
    padding:17px 2px; border-top:1px solid rgba(20,56,46,.12);}nav#vitru-nav .nav-links a:first-of-type{border-top:0;}nav#vitru-nav .nav-links a:hover,nav#vitru-nav .nav-links a:active{color:var(--cobre-s);}nav#vitru-nav .nav-links a.nav-cta{background:linear-gradient(120deg,var(--cobre-p),var(--cobre)); color:#fff; text-align:center;
    border-top:0; border-radius:30px; margin-top:18px; padding:16px 22px; font-size:12px; letter-spacing:.16em;}.menu-velo{display:block; position:fixed; inset:0; z-index:999; touch-action:none; background:rgba(4,24,19,.45);
    opacity:0; visibility:hidden; transition:opacity .22s, visibility .22s;}body.menu-abierto .menu-velo{opacity:1; visibility:visible;}}
@media (prefers-reduced-motion:reduce){nav#vitru-nav .nav-links,#vitru-nav .menu-btn span,.menu-velo{transition:none;}}
 
@media(prefers-reduced-motion:reduce){
  #vitru-nav,#vitru-nav *{transition:all 0s ease 0s!important}
  #vitru-nav .btn{transition:all .3s ease!important}
  #vitru-nav .nav-mas{transition:opacity .2s,color .2s,transform .28s ease!important}
  #vitru-nav .nav-dd{transition:opacity .24s ease,transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s!important}
  #vitru-nav .nav-item.abierto .nav-dd{transition:opacity .24s ease,transform .28s cubic-bezier(.4,0,.2,1),visibility 0s!important}
  #vitru-nav .nav-dd a{transition:background .2s,color .2s!important}
  nav#vitru-nav .nav-links,#vitru-nav .menu-btn span{transition:none!important}}

 



 


 
#motivos .reasons-heading{
  display:block;
  width:100%;
  max-width:740px;
  margin:0 0 42px;
}
#motivos .reasons-heading h2{margin:0 0 16px;text-wrap:balance}
#motivos .reasons-heading .prose{max-width:none}
#motivos .reasons-heading p{margin:0;hyphens:none;-webkit-hyphens:none}

 
#motivos .topic{
  border-top:1px solid var(--rule);
  padding-top:23px;
}
#motivos .topic h3::after{content:none;display:none}
#motivos .topic h3{margin-bottom:16px}

 
.consultation-photo{display:block;width:100%;height:auto;border-radius:22px}
.consultation-with-photo figcaption{font-size:12px;line-height:1.6;margin-top:12px}

@media(max-width:760px){
  #motivos .reasons-heading{margin-bottom:30px}
  #motivos .reasons-heading h2{margin-bottom:14px;text-wrap:initial}
  #motivos .topic{padding-top:21px}}

 


 
.consultation-story .story-stage{position:relative;isolation:isolate;aspect-ratio:3/4;overflow:hidden;border-radius:22px;background:transparent;width:100%}
.consultation-story .story-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1.1s ease}
.consultation-story .story-slide.is-active{opacity:1;pointer-events:auto}
.consultation-story .story-slide img,.consultation-story .story-slide video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;max-width:none;transform:none;filter:none}
.consultation-story .story-slide video{width:auto;max-width:100%;margin-inline:auto;border-radius:22px}
.consultation-story figcaption{max-width:none;margin-top:12px}
.consultation-story .story-caption{display:block;margin:0;min-height:20px;font-size:12px;line-height:1.65;text-align:left}
 
.consultation-story .story-controls{display:flex;align-items:center;justify-content:center;gap:0;margin-top:4px}
.consultation-story .story-controls[hidden]{display:none}
.consultation-story .story-dots{display:flex;align-items:center;gap:0}
.consultation-story .story-dot{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--green);cursor:pointer}
.consultation-story .story-dot span{display:block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%}
.consultation-story .story-dot[aria-pressed=true] span{background:currentColor}
.consultation-story .story-dot[aria-disabled=true]{opacity:.35;cursor:default}
.consultation-story button:focus-visible{outline:2px solid var(--green);outline-offset:1px}
@media(prefers-reduced-motion:reduce){.consultation-story .story-slide{transition:none}}
@media print{.consultation-story .story-controls{display:none}.consultation-story .story-slide{display:none}.consultation-story .story-slide:first-child{display:block;opacity:1}}

 


 
.media-sequence{min-width:0}
.media-sequence .story-stage{position:relative;isolation:isolate;aspect-ratio:3/4;overflow:hidden;border-radius:22px;background:transparent;width:100%}
.media-sequence .story-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1.1s ease;display:flex;align-items:center;justify-content:center}
.media-sequence .story-slide.is-active{opacity:1;pointer-events:auto}
.media-sequence .story-slide img,.media-sequence .story-slide video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:22px;max-width:100%;transform:none;filter:none}
.media-sequence .story-slide img{width:auto;height:auto;max-height:100%}
.media-sequence .story-slide video{width:auto;max-width:100%;margin-inline:auto}
.media-sequence .story-slide .story-video-poster{display:none;position:absolute;left:50%;top:0;width:auto;height:100%;transform:translateX(-50%);pointer-events:none}
.media-sequence .story-slide.video-fallback video{visibility:hidden}
.media-sequence .story-slide.video-fallback .story-video-poster{display:block}
.media-sequence figcaption{max-width:none;margin-top:12px}
.media-sequence .story-caption{display:block;margin:0;min-height:20px;font-size:12px;line-height:1.65;text-align:left}
 
.media-sequence .story-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin-top:4px}
.media-sequence .story-controls[hidden]{display:none}
.media-sequence .story-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;max-width:100%}
.media-sequence .story-dots[hidden]{display:none}
.media-sequence .story-dot{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--green);cursor:pointer}
.media-sequence .story-dot span{display:block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%}
.media-sequence .story-dot[aria-pressed=true] span{background:currentColor}
.media-sequence .story-dot[aria-disabled=true]{opacity:.35;cursor:default}
.media-sequence button:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.media-sequence .story-status{display:block;min-height:20px;font-size:12px;line-height:1.65;margin-top:2px;text-align:left}
.media-sequence .story-status[hidden]{display:none}
.topic-story{margin:auto 0 0;padding-top:28px;width:100%;max-width:none;align-self:start}
.topic-story .story-stage{aspect-ratio:4/5;max-height:560px}
.media-pending-v11{display:flex;flex-direction:column;justify-content:center;gap:12px;aspect-ratio:4/3;margin-top:28px;padding:24px 0;max-width:100%;color:var(--green)}
.media-pending-v11>span:nth-child(2){font-family:Candara,'Trebuchet MS',sans-serif;font-size:23px;font-weight:400}
@media(prefers-reduced-motion:reduce){.media-sequence .story-slide{transition:none}}
@media print{.media-sequence .story-controls,.media-sequence .story-status{display:none}.media-sequence .story-slide{display:none}.media-sequence .story-slide:first-child{display:block;opacity:1}}

 


 
.media-sequence .story-stage{background:var(--light-text);border-radius:22px}
.media-sequence .story-slide{transition:opacity .75s ease}
.media-sequence .story-slide img,
.media-sequence .story-slide video,
.media-sequence .story-slide .story-video-poster{
  width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center;border-radius:0;
  margin:0;transform:none;filter:none;
}
.media-sequence .story-slide .story-video-poster{inset:0}
.media-sequence .story-caption{height:40px;min-height:40px}
.media-sequence .story-status{height:40px;min-height:40px}
.topic-story .story-stage{aspect-ratio:4/3;max-height:360px}

 
.approach-content{align-items:start}
.consultation-story{width:100%;max-width:350px;margin:0;padding:0;justify-self:center}
.consultation-story .story-stage{aspect-ratio:4/5;max-height:420px}
 
.consultation-story figcaption{flex:none;margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
.consultation-story .story-controls{display:none}
.consultation-story .story-dots{display:none}
.consultation-story .story-caption{grid-column:1;grid-row:1;height:40px;min-height:40px}
.consultation-story .story-status{grid-column:1/-1;height:40px;min-height:40px}
@media(min-width:941px){
  .consultation-story{contain:size;align-self:stretch;display:flex;flex-direction:column}
  .consultation-story .story-stage{aspect-ratio:auto;min-height:0;max-height:none;flex:1}}
@media(max-width:940px){
  .consultation-story{max-width:330px}}
@media(prefers-reduced-motion:reduce){.media-sequence .story-slide{transition:none}}

 


 
.media-sequence .story-stage{background:transparent}
.media-sequence .story-slide{overflow:hidden}
.media-sequence .story-slide img,.media-sequence .story-slide video,.media-sequence .story-slide .story-video-poster{
  width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;
  object-position:var(--crop-x,50%) var(--crop-y,50%);
  transform:scale(var(--crop-zoom,1));transform-origin:var(--crop-x,50%) var(--crop-y,50%);
  border-radius:0;position:absolute;inset:0;margin:0;
}.review nav{flex-wrap:wrap}

 


 
#motivos .topics{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:stretch}
#motivos .topic{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;gap:20px;
  min-width:0;margin:0;padding:0;border:1px solid rgba(17,63,54,.18);
  border-radius:26px;background:rgba(230,219,198,.70);
  box-shadow:none;
}
#motivos .topic-copy{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:20px;min-width:0;max-width:none}
#motivos .topic h3{
  margin:0;padding:17px 24px;max-width:none;align-self:stretch;
  color:var(--copper);background:#113F36;border-radius:25px 25px 0 0;
  text-shadow:none;box-shadow:none;
}
#motivos .topic h3::after{display:none;content:none}
#motivos .topic-copy p{margin:0 24px;align-self:start}
#motivos .topic-story{
  margin:0 24px 24px;padding:0;width:calc(100% - 48px);
  max-width:none;min-width:0;align-self:start;
}
#motivos .story-caption,#motivos .story-status{height:auto;min-height:40px;overflow-wrap:anywhere}

 
@supports(grid-template-rows:subgrid){
  @media(min-width:761px){
    #motivos .topics{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:20px}
    #motivos .topic{grid-row:span 3;grid-template-rows:subgrid;margin-bottom:12px}
    #motivos .topic-copy{grid-row:span 2;grid-template-rows:subgrid}
    #motivos .topic-story{grid-row:3}}}

 
@media(max-width:760px){
  #motivos .topic{border-radius:22px;gap:18px}
  #motivos .topic-copy{gap:18px}
  #motivos .topic h3{padding:16px 18px;border-radius:21px 21px 0 0}
  #motivos .topic-copy p{margin-inline:18px}
  #motivos .topic-story{margin:0 18px 18px;width:calc(100% - 36px)}}
@media print{
  #motivos .topic{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sand);break-inside:avoid}
  #motivos .topic h3{background:var(--sand);color:var(--green)}}

 


 
.motives-surface{--motives-surface:#061F1A;--motives-text:#E6DBC6;color:var(--motives-text)}
.motives-surface::before{
  background:linear-gradient(rgba(6,31,26,.48),rgba(6,31,26,.48)),url('/assets/dermatologia/diseno/7abdfc61e2f264d334b1730c4f2b84a5cf888cc58aed581a97c808518967b9cc/assets/clinica/a4/agua.jpg') center/cover no-repeat;
  background-color:#061F1A;
}
.motives-surface h2,.motives-surface .prose,.motives-surface .prose p,
.motives-surface .topic p,.motives-surface .eyebrow{color:var(--motives-text)}
.motives-surface .other-reasons li::marker{color:var(--copper)}

#motivos .topic{
  background:rgba(194,194,194,.15);border-color:rgba(230,219,198,.23);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 12px 32px rgba(6,31,26,.08);color:var(--motives-text);
}
#motivos .topic h3{
  padding:24px 24px 0;background:transparent;border-radius:0;
  color:var(--copper);text-shadow:none;
}
#motivos .story-caption,#motivos .story-status,
#motivos .story-dot{color:var(--motives-text)}
#motivos .story-controls button:focus-visible{outline-color:var(--copper)}

@media(min-width:941px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .motives-surface::before{background-attachment:fixed}}
@media(max-width:760px){
  #motivos .topic h3{padding:23px 18px 0}
   
  .review.review-v10{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 10px}
  .review-v10 nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:0}
  .review-v10 nav a{padding:6px;max-width:none;overflow-wrap:normal;min-width:0}}

 
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #motivos .topic{background:rgba(6,31,26,.9)}}
@media print{
  .motives-surface{--motives-text:var(--green)}
  .motives-surface::before{background:var(--sand)}
  #motivos .topic{background:var(--sand);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  #motivos .topic h3{color:var(--green)}}