/* Nimbana — implementación de maqueta aprobada. Escala de referencia PDF: 1711 × 7128.3. */
:root{--cloud:#eae9e4;--blue:#3d4fd1;--gold:#caa228;--ink:#5a524f;--scale:0.7481}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#dcdcdc;color:var(--ink);font-family:'Montserrat',sans-serif}
img{display:block;max-width:none}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#nimbana-viewport{position:relative;margin:0 auto;width:1280px;height:5333px;overflow:hidden}
.site-shell{background:var(--cloud);position:absolute;left:0;top:0;width:1711px;height:7128px;transform-origin:top left;transform:scale(var(--scale));overflow:hidden}
.site-shell main{display:block}
.site-shell section,.site-shell .divider,.site-shell .gold-line,.site-shell footer,.site-shell header{position:absolute;margin:0;box-sizing:border-box}
h1,h2,h3,p{margin:0} h1{font:italic 400 75px/86px 'Lora',Georgia,serif;color:var(--gold)}
h2{font:600 22px/1.2 'Montserrat',Arial,sans-serif;color:var(--blue)}
h3{font:400 30px/1.2 'Vampiro One','Lora',cursive;color:var(--gold)}
p{font:400 16px/1.2 'Montserrat',Arial,sans-serif;color:var(--ink)}
strong{font-weight:700}
.button{font:600 17px/1.2 'Montserrat',Arial,sans-serif;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--blue);border:0;background:transparent;border-radius:28px;position:relative;padding:0 24px;white-space:nowrap;min-height:56px;cursor:pointer}
/* PDF troquel punteado, no borde dashed: círculos redondos a intervalo regular */
.button::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle,var(--blue) 1.35px,transparent 1.55px) 0 0/9px 3px repeat-x,radial-gradient(circle,var(--blue) 1.35px,transparent 1.55px) 0 100%/9px 3px repeat-x,radial-gradient(circle,var(--blue) 1.3px,transparent 1.55px) 0 0/3px 9px repeat-y,radial-gradient(circle,var(--blue) 1.3px,transparent 1.55px) 100% 0/3px 9px repeat-y}
/* header exact */
.header{top:0;left:0;width:1711px;height:78px;display:block}
.brand-link{position:absolute;left:246px;top:30px;display:block;width:218px}
.header .brand{width:218px;height:auto}
.header .tagline{position:absolute;left:687px;top:38px;font:600 16px/1 'Lora',Georgia,serif;color:var(--blue);white-space:nowrap}
.main-nav{position:absolute;left:1199px;top:37px;display:flex;gap:11px;align-items:center;color:var(--blue);font:500 18px/1 'Montserrat',Arial,sans-serif;white-space:nowrap}
.main-nav span{font-size:18px}
/* hero: same photographic master, proportions and exact baseline */
.hero{left:0;top:78px;width:1711px;height:575px;background:url('img/bienvenida-a-tu-nueva-era-mindfulness.jpg') center center/cover no-repeat}
.hero-inner{position:static}
.hero-logo{position:absolute;left:704px;top:286px;width:304px}
.hero h1{position:absolute;top:341px;left:0;width:100%;text-align:center;white-space:nowrap}
.hero-subtitle{position:absolute;top:526px;left:0;width:100%;text-align:center;color:white;font:500 20px/1.2 'Montserrat',sans-serif}
/* intro */
.intro{top:653px;left:0;width:1711px;height:437px}
.intro-copy{position:absolute;left:267px;top:163px;width:665px}
.highlight-gold{font:500 20px/1.2 'Montserrat',sans-serif;color:var(--gold)}
.intro-copy .highlight-gold{max-width:635px;line-height:24px;margin-bottom:14px}
.intro-copy h3{width:650px;font-size:30px;line-height:36px}
.intro-action{position:absolute;left:895px;top:94px;width:555px;display:flex;flex-direction:column;align-items:center}
.intro-action img{width:477px;height:auto;object-fit:contain}
.intro-action .button{width:532px;height:56px;margin-top:47px}
/* About: use supplied transparent image including its built-in vignette and top curve. */
.about{top:1090px;left:0;width:1711px;height:665px}
.about-photo-wrap{position:absolute;left:0;top:0;width:853px;height:639px}
.about-photo{width:853px;height:auto}
.about::before{content:'';position:absolute;left:0;top:30px;width:100%;height:26px;background:url('img/guirnalda-puntos-nimbana.png') left center/1711px auto no-repeat;z-index:2;pointer-events:none}
.about-copy{position:absolute;left:921px;top:82px;width:450px}
.about-copy h2{margin:0 0 17px;line-height:27px}
.about-copy p{font-size:16px;line-height:19.2px;margin:0 0 20px}
.about-copy .highlight-gold{font:500 22px/26.5px 'Montserrat',sans-serif;color:var(--gold);margin-top:15px;margin-bottom:24px}
.divider{left:0;top:1700px;width:1711px;height:52px;z-index:3}
.divider img{display:block;width:1711px;height:51px;object-fit:fill}
/* síntomas */
.symptoms{left:0;top:1778px;width:1711px;height:940px;text-align:center}
.mirror-icon{position:absolute;top:32px;left:805px;width:100px;height:auto}
.symptoms>h2{position:absolute;left:0;top:287px;width:100%;text-align:center}
.symptoms-grid{position:absolute;top:347px;left:267px;width:1178px;display:grid;grid-template-columns:350px 350px 350px;column-gap:66px}
.symptom-card{width:350px;height:455px;border:3px dotted var(--gold);border-radius:72px;padding:36px 36px 20px;text-align:center}
.symptom-card h3{font-size:30px;line-height:36px;margin:0 0 14px}
.symptom-card p{font-size:16px;line-height:19.2px;font-weight:500;margin:0 0 18px}
.symptoms>.button{position:absolute;left:666px;top:840px;width:380px;height:55px}
/* libélula: original image already contains its dot trails; no extra graphics */
.dragonfly-section{position:absolute;left:0;top:2725px;width:1711px;height:900px}
.dragonfly-bg{position:absolute;left:7px;top:29px;width:880px}
.dragonfly-art{width:880px;height:auto}
.dragonfly-text{position:absolute;left:746px;top:75px;width:650px}
.dragonfly-text h1{font:italic 400 75px/86px 'Lora',Georgia,serif;color:var(--blue);margin-bottom:33px}
.dragonfly-text p{font:400 16px/19.2px 'Montserrat',sans-serif;width:525px;margin-left:117px;margin-bottom:20px}
.dragonfly-text .blue-strong{color:var(--blue);font-weight:700}
/* 3 beneficios */
.benefits{top:3631px;left:0;width:1711px;height:464px;text-align:center}
.benefits::before,.benefits::after{content:'';position:absolute;left:0;width:1711px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.95) 1.6px,transparent 1.9px) 0 0/13px 6px repeat-x;pointer-events:none}.benefits::before{top:0}.benefits::after{bottom:0}
.benefits>h2{position:absolute;left:0;top:30px;width:100%;text-align:center}
.benefits-grid{position:absolute;left:346px;top:112px;display:grid;grid-template-columns:310px 310px 310px;gap:49px}
.benefit-card{position:relative;width:310px;height:346px;overflow:hidden;border-radius:160px 160px 0 0}
.benefit-card>img{width:310px;height:346px;object-fit:cover}
.benefit-copy{position:absolute;left:24px;right:24px;bottom:41px;text-align:center}
.benefit-copy h3{color:white;font-size:30px;line-height:34px;margin:0 0 21px}
.benefit-copy p{color:white;font-weight:700;font-size:16px;line-height:19.2px;max-width:212px;margin:0 auto}
.benefit-copy .desktop-line{display:block;white-space:nowrap}
/* Programa */
.program{left:0;top:4129px;width:1711px;height:1179px;text-align:center}
.program-icon{position:absolute;left:810px;top:96px;width:90px;height:auto}
.program>h2{position:absolute;top:215px;left:0;width:100%;color:var(--gold)}
.program>p:not(.program-contact){position:absolute;width:1040px;left:335px;font-size:16px;line-height:19.2px}
.program>p:not(.program-contact):nth-of-type(1){top:252px}
.program>h3{position:absolute;left:0;top:322px;width:100%;font-size:30px;line-height:45px}
.program>p:not(.program-contact):nth-of-type(2){top:430px;left:320px;width:1071px}
.program>p:not(.program-contact):nth-of-type(3){top:493px;left:300px;width:1111px}
.phases-grid{position:absolute;top:605px;left:338px;display:grid;grid-template-columns:250px 250px 250px;column-gap:156px}
.phase{text-align:center;width:250px}
.phase>img{width:auto;height:74px;max-width:200px;object-fit:contain;margin:0 auto 13px}
.phase p{font-size:15px;line-height:18px;margin:0}
.phase .phase-label{font:500 18px/23px 'Montserrat',sans-serif;color:var(--gold)}
.phase h3{font:400 30px/34px 'Vampiro One',cursive;margin:0 0 7px}
.phase p:last-child{padding:0 8px;max-width:235px;margin:0 auto}
.program .program-contact{position:absolute;top:1020px;left:0;width:100%;font-size:15px}

.phase p:nth-of-type(2){margin-bottom:4px}
.phase p:nth-of-type(3){max-width:238px;margin:0 auto}
.benefit-card:first-child .benefit-copy{bottom:55px}
.benefit-card:first-child .benefit-copy p{max-width:235px}
.benefit-card:nth-child(2) .benefit-copy p{max-width:238px}
.benefit-card:nth-child(3) .benefit-copy p{max-width:214px}
.program>.button{position:absolute;top:1065px;left:665px;width:380px;height:55px}
.gold-line{position:absolute;top:5308px;left:0;width:1711px;height:3px;border-top:3px dotted var(--gold)}
/* Cierre */
.closing{left:0;top:5310px;width:1711px;height:688px}
.closing-copy{position:absolute;left:343px;top:46px;width:550px}
.closing h1{font:italic 400 64px/72px 'Lora',Georgia,serif;white-space:nowrap}
.closing-copy p{font:500 16px/19.2px 'Montserrat',sans-serif;width:410px;margin-left:136px}
.closing-copy p:first-of-type{margin-top:29px;margin-bottom:16px}
.closing-copy p:nth-of-type(2){font-weight:700;margin-bottom:12px}
.closing-copy .button{margin-left:136px;width:386px;height:57px}
.closing-photo-wrap{position:absolute;left:916px;top:0;width:440px;height:auto}
.closing-photo{width:440px;height:auto}
/* Garantía */
.guarantee{position:absolute;left:335px;top:6006px;width:995px;height:165px}
.guarantee-inner{background:url('img/camino-serenidad-garantia.png') center/cover no-repeat;width:995px;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border-radius:999px;overflow:hidden}
.guarantee h2{color:var(--gold)}
.guarantee p{font:500 20px/24px 'Montserrat',sans-serif;color:white;max-width:830px;text-align:center;white-space:nowrap}
/* formulario */
.contact{top:6255px;left:0;width:1711px;height:705px}
.contact::before{content:'';position:absolute;top:-38px;left:0;width:1711px;height:10px;background:url('img/guirnalda-puntos-nimbana.png') 0 0/1711px auto no-repeat;pointer-events:none}
.contact-visual{position:absolute;left:0;top:0;width:820px;height:620px}
.contact-stars{position:absolute;left:0;top:65px;width:520px;height:auto}
.contact-photo{position:absolute;left:483px;top:75px;width:318px;height:auto}
.contact-form-wrap{position:absolute;left:856px;top:65px;width:546px}
.contact-form-wrap>h3{color:var(--blue);font-size:30px;line-height:36px}
.contact-form-wrap>p{font:400 16px/19.2px 'Montserrat',sans-serif;margin:5px 0 38px}
#contact-form{position:relative;width:524px;height:540px}
#contact-form label{display:block;width:524px;height:77px;position:relative}
#contact-form label:last-of-type{height:174px}
#contact-form label span{display:block;font:700 16px/19px 'Montserrat',sans-serif;color:var(--blue)}
#contact-form input,#contact-form textarea{display:block;background:transparent;border:0;border-bottom:2px dotted var(--blue);height:35px;width:524px;color:var(--ink);outline-offset:0;padding:2px;font:16px/20px 'Montserrat',sans-serif}
#contact-form textarea{height:124px;resize:vertical}
.contact-actions{position:absolute;top:435px;right:0}
.contact-actions .button{width:213px;height:56px}
/* Pie exactamente según composición aprobada */
.footer{top:6999px;left:0;width:1711px;height:129px;background:var(--blue);color:white}
.footer-inner{position:relative;width:100%;height:100%}
.footer-left{position:absolute;left:282px;top:15px;width:600px}
.footer-left p{font:400 13px/16px 'Lora',serif;color:var(--gold)}
.footer-left .footer-legal-links{position:absolute;top:92px;left:0;color:white;white-space:nowrap;font:400 13px/16px 'Lora',serif}
.footer-center{position:absolute;left:796px;top:22px;width:170px;height:32px}
.footer-center img{display:block;width:170px;filter:brightness(0) saturate(100%) invert(70%) sepia(35%) saturate(1000%) hue-rotate(8deg) brightness(96%) contrast(92%)}
.footer-right{position:absolute;right:250px;top:16px;width:560px;height:140px;text-align:right}
.footer-right p{position:absolute;top:101px;right:0;white-space:nowrap;font:400 13px/16px 'Lora',serif;color:white}
.socials{display:flex;justify-content:flex-end;gap:9px;color:var(--gold);align-items:center;height:24px}
.socials>span{width:21px;height:21px;display:block}
.socials svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.socials svg .icon-dot{fill:currentColor;stroke:none}
/* User approved asset-based art not approximations */
@media (max-width:899px){
 #nimbana-viewport{width:100%;height:auto;overflow:visible}
 .site-shell{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;overflow:hidden}
 .site-shell main,.site-shell section,.site-shell .divider,.site-shell .gold-line,.site-shell footer,.site-shell header{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:0}
 .header{height:auto;display:grid;grid-template-columns:1fr;gap:8px;padding:18px 18px 15px;justify-items:center}
 .brand-link,.header .tagline,.main-nav{position:static;left:auto;top:auto}
 .brand-link{width:155px}.header .brand{width:155px}.header .tagline{font-size:13px;text-align:center}.main-nav{font-size:13px;gap:14px}
 .hero{height:300px;background-size:cover;background-position:center}
 .hero-logo{position:absolute;top:88px;left:50%;transform:translateX(-50%);width:150px}
 .hero h1{position:absolute;top:130px;left:5%;width:90%;font-size:38px;line-height:1.06;white-space:normal}
 .hero-subtitle{position:absolute;top:233px;left:8%;width:84%;font-size:12px;line-height:1.45}
 .intro{display:flex;flex-direction:column;gap:15px;padding:36px 25px 32px;align-items:center}
 .intro-copy,.intro-action{position:static;left:auto;top:auto;width:100%}
 .intro-copy{align-self:stretch}.intro-copy .highlight-gold{font-size:15px;line-height:1.45;max-width:none;margin-bottom:6px}
 .intro-copy h3{font-size:29px;line-height:1.15;width:auto}
 .intro-action img{width:min(330px,85%);margin:auto}.intro-action .button{width:min(350px,100%);margin:8px auto 0;height:46px}
 .button{font-size:12px;min-height:44px;white-space:normal}
 .about{padding:0 0 10px;display:flex;flex-direction:column;gap:15px}
 .about::before{display:none}
 .about-photo-wrap,.about-copy{position:static;left:auto;top:auto;width:100%;height:auto}
 .about-photo{width:min(100%,650px);height:auto}
 .about-copy{padding:0 24px}
 .about-copy h2{font-size:17px;line-height:1.35}
 .about-copy p{font-size:14px;line-height:1.5;margin-bottom:12px}
 .about-copy .highlight-gold{font-size:18px;line-height:1.4}
 .divider{padding:8px 0}
 .divider img{width:100%;height:16px;object-fit:cover}
 .symptoms{padding:22px 22px 55px;display:flex;flex-direction:column;align-items:center}
 .mirror-icon,.symptoms>h2,.symptoms-grid,.symptoms>.button{position:static;top:auto;left:auto}
 .mirror-icon{width:65px;margin:0 0 17px}.symptoms>h2{font-size:17px;margin:0 0 25px}
 .symptoms-grid{display:flex;flex-direction:column;gap:16px;width:min(100%,350px)}
 .symptom-card{width:100%;height:auto;border-radius:45px;padding:25px 27px 20px}
 .symptom-card h3{font-size:27px;line-height:1.16}.symptom-card p{font-size:13px;line-height:1.55}
 .symptoms>.button{width:min(320px,100%);margin:25px auto 0}
 .dragonfly-section{padding:0 22px 65px}
 .dragonfly-bg,.dragonfly-text{position:relative;left:auto;top:auto;width:100%;height:auto}
 .dragonfly-bg{height:auto}.dragonfly-art{width:min(100%,600px);height:auto;margin:0 auto}
 .dragonfly-text{margin-top:-30px}
 .dragonfly-text h1{font-size:48px;line-height:1.08;margin-bottom:20px}
 .dragonfly-text p{width:auto;max-width:none;margin:0 0 15px;font-size:14px;line-height:1.5}
 .benefits{display:flex;flex-direction:column;padding:38px 20px 50px;align-items:center}.benefits::before,.benefits::after{left:0;width:100%}
 .benefits>h2,.benefits-grid{position:static;left:auto;top:auto;width:100%}
 .benefits>h2{font-size:17px;margin:0 0 28px}
 .benefits-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
 .benefit-card{width:260px;height:290px;border-radius:140px 140px 0 0}.benefit-card img{width:260px;height:290px}
 .benefit-copy{bottom:22px}.benefit-card:first-child .benefit-copy{bottom:22px}.benefit-copy .desktop-line{display:inline;white-space:normal}.benefit-copy .desktop-line:not(:last-child)::after{content:" "}.benefit-copy h3{font-size:27px;line-height:1.1;margin-bottom:9px}.benefit-copy p{font-size:13px;line-height:1.4}
 .program{display:flex;align-items:center;flex-direction:column;padding:60px 25px 65px;text-align:center}
 .program-icon,.program>h2,.program>p:not(.program-contact),.program>h3,.phases-grid,.program .program-contact,.program>.button{position:static;left:auto;top:auto;width:100%}
 .program-icon{width:60px;margin-bottom:15px}.program>h2{font-size:19px;margin-bottom:15px}
 .program>p:not(.program-contact){width:100% !important;font-size:14px !important;line-height:1.5 !important;margin:0 0 18px}
 .program>h3{font-size:30px;line-height:1.2;margin-bottom:18px}
 .phases-grid{display:flex;flex-direction:column;align-items:center;gap:40px;margin:25px 0 52px}
 .phase{width:min(100%,330px)}.phase>img{height:64px}.phase p{font-size:14px;line-height:1.45}
 .program .program-contact{font-size:14px;margin-bottom:10px}
 .program>.button{width:min(345px,100%)}
 .gold-line{border-top:3px dotted var(--gold)}
 .closing{display:flex;flex-direction:column;gap:28px;padding:42px 24px 28px}
 .closing-copy,.closing-photo-wrap{position:static;left:auto;top:auto;width:100%}
 .closing h1{font-size:45px;line-height:1.1;white-space:normal;margin-bottom:24px}
 .closing-copy p,.closing-copy .button{margin-left:0;width:100%}
 .closing-copy p:first-of-type{margin-top:0;margin-bottom:16px}
 .closing-photo-wrap{max-width:400px;align-self:center}
 .closing-photo{width:100%;height:auto}
 .guarantee{margin:20px 20px 60px !important}
 .guarantee-inner{width:100%;height:auto;min-height:120px;padding:22px 16px;gap:12px;border-radius:100px}
 .guarantee h2{font-size:16px}.guarantee p{font-size:13px;line-height:1.5;white-space:normal}
 .contact{padding:0 24px 55px;display:flex;flex-direction:column;gap:28px}
 .contact::before{display:none}
 .contact-visual{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:390px}
 .contact-stars{left:-24px;top:10px;width:300px}.contact-photo{left:50%;top:0;transform:translateX(-50%);width:245px}
 .contact-form-wrap{position:static;left:auto;top:auto;width:100%}
 .contact-form-wrap>h3{font-size:30px}.contact-form-wrap>p{font-size:14px;line-height:1.5;margin:7px 0 23px}
 #contact-form{width:100%;height:auto}#contact-form label{width:100%;height:72px}#contact-form label:last-of-type{height:170px}
 #contact-form label span{font-size:14px}#contact-form input,#contact-form textarea{width:100%}
 .contact-actions{position:static;display:flex;justify-content:flex-end;margin-top:8px}
 .footer{min-height:142px;padding:20px 24px 15px}
 .footer-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px}
 .footer-left,.footer-center,.footer-right{position:static;left:auto;right:auto;top:auto;width:auto;height:auto}
 .footer-left p,.footer-right p,.footer-left .footer-legal-links{font-size:11px;line-height:1.4}
 .footer-left .footer-legal-links,.footer-right p{position:static;white-space:normal;margin-top:16px}
 .footer-center{display:flex;justify-content:flex-end;align-items:flex-start}
 .footer-center img{width:130px}.footer-right{grid-column:1 / -1;display:flex;gap:8px;justify-content:space-between;align-items:center}
 .footer-right p{margin:0}.socials{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refine outline to follow the rounded original die-cut shapes. */
@media (min-width:900px){.button{border:3px dotted var(--blue)}.button::before{display:none}}
@media (max-width:899px){.button{border:2px dotted var(--blue)}.button::before{display:none}}

@media(max-width:899px){.site-shell .hero{height:300px;min-height:300px}.hero-logo{top:88px}.hero h1{top:130px}.hero-subtitle{top:233px}.contact-stars{top:10px}.contact-photo{top:0}}

/* Originales de marca: pictogramas Font Awesome Brands CC BY 4.0. */
.socials svg{fill:currentColor;stroke:none;}

/* AJUSTE 01: troquel original, redondo, espaciado según el trazado PDF.
   La geometría SVG evita que CSS dotted cambie la frecuencia de los puntos. */
.button{border:0 !important;position:relative}
.button::before{display:none !important}
.symptom-card{border:0;position:relative}
.nimbana-diecut{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.nimbana-diecut rect{
  x:1.6px; y:1.6px;
  width:calc(100% - 3.2px);height:calc(100% - 3.2px);
  rx:28px; fill:none; stroke:var(--blue); stroke-width:3.2px;
  stroke-dasharray:1.07 10.7;stroke-linecap:round;
}
.symptom-card .nimbana-diecut rect{
  x:1.605px;y:1.605px;
  width:calc(100% - 3.21px);height:calc(100% - 3.21px);
  rx:72px;stroke:var(--gold);stroke-width:3.21px;
  stroke-dasharray:.958 9.583;
}
.intro-action .button .nimbana-diecut rect{
  x:1.734px;y:1.734px;
  width:calc(100% - 3.468px);height:calc(100% - 3.468px);
  stroke-width:3.468px;stroke-dasharray:1.156 11.56;
}
.symptoms>.button .nimbana-diecut rect{
  x:1.465px;y:1.465px;
  width:calc(100% - 2.93px);height:calc(100% - 2.93px);
  stroke-width:2.93px;stroke-dasharray:.978 9.783;
}
@media(max-width:899px){
  .symptom-card .nimbana-diecut rect{rx:45px;stroke-width:3px;stroke-dasharray:1 9}
  .button .nimbana-diecut rect{stroke-width:2.5px;stroke-dasharray:1 9;rx:22px}
  .symptoms>.button{margin:36px auto 0}
}


/* AJUSTES 04 — posición editorial cotejada con el PDF de arte final.
   Corresponde exclusivamente a Fase 2, cierre, franja de garantía y pie. */
@media (min-width:900px) {
  /* Las cinco líneas de esta descripción están definidas por el arte. */
  .phase:nth-child(2) p:nth-of-type(2){margin-top:30px}
  .phase:nth-child(2) p:nth-of-type(3){
    position:relative;
    left:calc(50% - 12px);
    transform:translateX(-50%);
    width:290px;max-width:none;
    padding:0;
    font-size:16px;line-height:19.2px;
    margin:0;
  }
  .closing-copy p:first-of-type{
    width:410px;
    margin-top:63px;
    margin-bottom:16px;
  }
  /* La guirnalda blanca original cruza horizontalmente el óvalo (no después). */
  .guarantee::after{
    content:'';position:absolute;left:-335px;top:134px;
    width:1711px;height:26px;
    background:url('img/guirnalda-puntos-nimbana.png') left top/1711px 26px no-repeat;
    z-index:4;pointer-events:none;
  }
  .contact::before{display:none}
  /* Cotas de línea base del pie: y=7090 en el pliego 1711x7128. */
  .footer-left .footer-legal-links{top:76px}
  .footer-right{right:265px}
  .footer-right p{top:75px}
  /* Logotipo de pie más pequeño y centrado en el eje de la página. */
  .footer-center{left:791px;width:130px}
  .footer-center img{width:130px}
}
@media (max-width:899px) {
  /* La adaptación responsive deja que el texto fluya naturalmente. */
  br.desktop-art-break{display:none}
  .guarantee{position:relative}
  .guarantee::after{
    content:'';position:absolute;left:-20px;bottom:17px;
    width:calc(100% + 40px);height:26px;
    background:url('img/guirnalda-puntos-nimbana.png') left center/1711px 26px repeat-x;
    pointer-events:none;z-index:4;
  }
}