/* Sobre de newsletter — CeciLo Designs. Colores de marca: vino #613033, terracota #B3684A, natural #E7D9C1, crema #F2EDE7. */
.elementor-element.tt-sobre-zona.e-con{--padding-top:18px!important;--padding-block-start:18px!important}
.tt-sobre-zona{--ntt-v:#613033;--ntt-t:#B3684A;--ntt-n:#E7D9C1;--ntt-c:#F2EDE7;--ntt-o:#342232}
/* Mientras se arma el sobre el formulario no se ve; si el script no llega, aparece solo a los 3 s. */
.ntt-js .tt-sobre-zona:not(.tt-listo){visibility:hidden;min-height:460px;animation:ntt-salvavidas 0s 3s forwards}
@keyframes ntt-salvavidas{to{visibility:visible}}

.tt-sobre{--w:min(100%,540px);--we:min(100%,540px,max(260px,calc((100vh - 450px) * 1.6)));display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin:0 auto;position:relative;padding-bottom:calc(var(--we) * .37)}
/* El sobre se adapta a la altura de la ventana para verse entero en la primera pantalla; la carta no cambia de ancho. */
@supports (height:100svh){.tt-sobre{--we:min(100%,540px,max(260px,calc((100svh - 450px) * 1.6)))}}

/* Carta: ocupa su sitio desde el principio (así nada de la página se mueve al abrir); invisible hasta que el sobre se abre */
.tt-sobre__carta-wrap{grid-area:1/1;justify-self:center;align-self:start;width:var(--w);position:relative;z-index:1;visibility:hidden;opacity:0;transform:translateY(var(--sube,160px));transition:transform 2.2s cubic-bezier(.22,.8,.26,1) .95s,opacity 1.3s ease .95s,visibility 0s .95s}
.tt-sobre.is-abierto .tt-sobre__carta-wrap{visibility:visible;opacity:1;transform:translateY(0)}
.tt-sobre__carta{position:relative;background:#FBF8F3;border:1px solid rgba(97,48,51,.2);box-shadow:0 14px 34px rgba(52,34,50,.16);padding:0 clamp(20px,5vw,40px) calc(var(--we) * .25 + 18px);color:var(--ntt-o)}
.tt-sobre__carta:before{content:"";display:block;height:26px;margin:0 calc(clamp(20px,5vw,40px) * -1) 22px;background:var(--ntt-t);-webkit-mask:var(--ntt-g04) left center/auto 100% repeat-x;mask:var(--ntt-g04) left center/auto 100% repeat-x}
.tt-sobre__titulo{margin:0 0 8px;font-size:clamp(24px,5.4vw,30px);line-height:1.2;color:var(--ntt-v);font-weight:600}
.tt-sobre__sub{margin:0 0 22px;font-size:16px;line-height:1.55;color:var(--ntt-o)}

/* Sobre */
.tt-sobre__cuerpo{grid-area:1/1;justify-self:center;align-self:end;margin-bottom:calc(var(--we) * -.37);position:relative;top:calc(var(--dy,0px) * -1);width:var(--we);aspect-ratio:100/62;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:top 2.5s cubic-bezier(.45,.05,.2,1) .8s}
.tt-sobre.is-abierto .tt-sobre__cuerpo{top:0}
.tt-sobre__cuerpo:before{content:"";position:absolute;left:6%;right:6%;bottom:-14px;height:22px;background:radial-gradient(ellipse at center,rgba(52,34,50,.28),rgba(52,34,50,0) 70%);z-index:0;pointer-events:none}
.tt-sobre__dorso{position:absolute;inset:0;background:#8E4B35;z-index:0}
.tt-sobre__frente{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--ntt-t);clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%)}
.tt-sobre__frente:before,.tt-sobre__frente:after{content:"";position:absolute;inset:0;background:#A25A40}
.tt-sobre__frente:before{clip-path:polygon(0 0,0 100%,50% 53%)}
.tt-sobre__frente:after{clip-path:polygon(100% 0,100% 100%,50% 53%)}
.tt-sobre__guarda{position:absolute;left:0;right:0;bottom:7%;height:15%;z-index:4;pointer-events:none;background:var(--ntt-c);opacity:.92;-webkit-mask:var(--ntt-g01) left center/auto 100% repeat-x;mask:var(--ntt-g01) left center/auto 100% repeat-x}
.tt-sobre__solapa{position:absolute;left:0;right:0;top:0;height:100%;z-index:5;transform-origin:50% 0;transform:perspective(1400px) rotateX(0deg);transition:transform 1.3s cubic-bezier(.4,.1,.2,1),z-index 0s .65s;pointer-events:none;filter:drop-shadow(0 4px 5px rgba(52,34,50,.28))}
.tt-sobre__solapa:before{content:"";position:absolute;inset:0;background:var(--ntt-v);clip-path:polygon(0 0,100% 0,50% 53%)}
.tt-sobre.is-abierto .tt-sobre__solapa{transform:perspective(1400px) rotateX(180deg);z-index:0;filter:none}
.tt-sobre .tt-sobre__cuerpo .tt-sobre__sello{position:absolute;left:50%;top:53%;z-index:6;box-sizing:border-box;width:15%!important;height:auto!important;aspect-ratio:1;min-width:52px!important;min-height:52px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:inherit;line-height:0;transform:translate(-50%,-50%);cursor:pointer;transition:transform .7s ease,opacity .6s;animation:ntt-pulso 2.4s ease-in-out infinite}
.tt-sobre__sello svg{display:block;width:100%!important;height:100%!important;filter:drop-shadow(0 3px 4px rgba(52,34,50,.35))}
.tt-sobre .tt-sobre__cuerpo .tt-sobre__sello:focus-visible,.tt-sobre .tt-sobre__cuerpo .tt-sobre__sello:hover{background:transparent!important;outline:3px solid var(--ntt-o);outline-offset:4px}
@keyframes ntt-pulso{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}
.tt-sobre.is-abierto .tt-sobre__cuerpo .tt-sobre__sello{opacity:0;pointer-events:none;animation:none;transform:translate(-50%,-50%) scale(.4)}
.tt-sobre.is-abierto .tt-sobre__cuerpo{cursor:default}

/* Formulario de Elementor dentro de la carta: legible y cómodo en ordenador y móvil */
.tt-sobre__carta .elementor-widget-form,.tt-sobre__carta .elementor-widget-container{margin:0;width:100%}
.tt-sobre__carta .elementor-form-fields-wrapper{row-gap:18px}
.tt-sobre__carta .elementor-field-group{margin-bottom:0}
.tt-sobre__carta .elementor-field-label{display:block;margin:0 0 7px;font-size:13.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ntt-v)}
.tt-sobre__carta .elementor-field-textual,.tt-sobre__carta .elementor-field-group select{width:100%;min-height:52px;padding:13px 16px;font-size:16px;line-height:1.3;color:var(--ntt-o);background:#fff;border:1.5px solid rgba(97,48,51,.45);border-radius:0;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.tt-sobre__carta .elementor-field-textual:focus,.tt-sobre__carta .elementor-field-group select:focus{outline:none;border-color:var(--ntt-t);box-shadow:0 0 0 3px rgba(179,104,74,.28)}
.tt-sobre__carta .elementor-select-wrapper{width:100%}
.tt-sobre__carta .elementor-field-type-acceptance .elementor-field-subgroup,.tt-sobre__carta .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:12px}
.tt-sobre__carta .elementor-field-type-acceptance input[type=checkbox]{flex:0 0 24px;width:24px;height:24px;margin:2px 0 0;accent-color:var(--ntt-v)}
.tt-sobre__carta .elementor-field-type-acceptance label{font-size:15px;line-height:1.5;color:var(--ntt-o);text-transform:none;letter-spacing:0;font-weight:400}
.tt-sobre__carta .elementor-field-type-acceptance .elementor-field-label{display:none}
.tt-sobre__carta .elementor-form .elementor-button{width:100%;min-height:54px;padding:15px 24px;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ntt-c)!important;background:var(--ntt-v)!important;border:0;border-radius:0;transition:background .2s}
.tt-sobre__carta .elementor-form .elementor-button:hover,.tt-sobre__carta .elementor-form .elementor-button:focus-visible{background:var(--ntt-t)!important;color:var(--ntt-c)!important}
.tt-sobre__carta .elementor-field-type-submit{width:100%}
.tt-sobre__carta .elementor-message{margin:14px 0 0;font-size:16px;line-height:1.5}
.tt-sobre__carta .elementor-message-success{color:#2E5B3A}
.tt-sobre__carta .elementor-message-danger,.tt-sobre__carta .elementor-message-warning{color:#9B2C2C}

@media (max-width:480px){
		.tt-sobre__sub{font-size:15.5px}
	.tt-sobre__carta:before{height:20px;margin-bottom:18px}
}
@media (prefers-reduced-motion:reduce){
	.tt-sobre *,.tt-sobre{transition:none!important;animation:none!important}
}
.tt-sobre.sin-anim,.tt-sobre.sin-anim *{transition:none!important;animation:none!important}