/*
Theme Name: Somos Transformacion
Theme URI: https://disispro.com
Author: Joao Moreira
Author URI: https://disispro.com
Description: Tema WordPress desarrollado exclusivamente para Somos Transformación. Incluye panel de administración propio, formulario HTML personalizado integrado con Gravity Forms, Google reCAPTCHA Invisible, contenido 100% administrable y diseño responsive.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GPL v2 or later
Text Domain: somos-transformacion
*/
:root{--guinda:#6E1329;--guinda-vivo:#8C1D3E;--guinda-hondo:#4E0C1D;--verde:#0E6E5B;--papel:#FBF9F8;--tinta:#1A1416;--gris:#6E6166;--linea:#E4D2D7;--suave:#F8F1F3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papel);font-family:"Archivo",Arial,sans-serif;color:var(--tinta);line-height:1.5}.wrap{max-width:1180px;margin:auto;padding:0 24px}a{color:var(--guinda)}
.banda{background-color:var(--guinda);color:#fff;padding:26px 0 clamp(90px,13vw,150px);position:relative;overflow:hidden;background-size:cover;background-position:center}.banda:before{content:"";position:absolute;inset:0;background:rgba(78,12,29,var(--overlay,.18))}.banda .wrap{position:relative;z-index:2}.logo{display:flex;align-items:center;gap:14px}.sello{width:58px;height:58px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18)}.sello img{width:44px;height:44px;object-fit:contain}.marca{display:flex;flex-direction:column;line-height:.92}.marca b{font-weight:900;font-size:1.3rem;color:#fff}.marca b:first-child{color:rgba(255,255,255,.72)}.marca i{font-style:normal;font-family:"Archivo Narrow",sans-serif;font-size:.68rem;letter-spacing:.3em;color:rgba(255,255,255,.62);margin-top:.45em}.encabezado{margin-top:clamp(34px,5vw,54px)}.cintillo{display:inline-block;background:#fff;color:var(--guinda);font-weight:800;font-size:.78rem;letter-spacing:.055em;text-transform:uppercase;padding:.55em .9em;border-radius:3px}.banda h1{font-weight:900;font-size:clamp(2.6rem,7.2vw,5.2rem);line-height:.88;letter-spacing:-.02em;margin:18px 0 0;max-width:16ch}.banda h1 span{display:block;font-size:.6em;line-height:.96;margin-top:.18em;color:rgba(255,255,255,.86)}.banda .sub{font-weight:600;font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.36;color:rgba(255,255,255,.85);margin-top:1em;max-width:38ch}
.principal{margin-top:clamp(-80px,-11vw,-130px);position:relative;z-index:5;padding-bottom:70px}.cols{display:grid;gap:34px;align-items:start}@media(min-width:1120px){.cols{grid-template-columns:minmax(0,1fr) 424px;gap:52px}.lado{position:sticky;top:52px;align-self:start}}
.card,.bloque{background:#fff;border:1px solid var(--linea)}.card{border-radius:24px;padding:clamp(22px,3vw,30px);box-shadow:0 24px 64px rgba(78,12,29,.26)}.pasos{display:flex;gap:8px;margin-bottom:20px}.pasos i{flex:1;height:5px;border-radius:99px;background:#E9DADE}.pasos i.on{background:var(--guinda)}.card h2.tit{font-weight:900;font-size:1.85rem;line-height:.96;margin:0}.card .tit-sub{font-size:.98rem;color:var(--gris);margin:.5em 0 0}.legal{font-size:.86rem;color:var(--gris);text-align:center;margin-top:14px;line-height:1.45}
.bloque{border-radius:22px;padding:clamp(24px,3.4vw,38px);margin-bottom:22px}.rotulo{font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--guinda)}.bloque h2{font-weight:900;font-size:clamp(1.6rem,3.2vw,2.15rem);line-height:1;letter-spacing:-.018em;margin:.5em 0 0}.bloque p{margin-top:1em;color:#3A3034}.recibes{display:grid;gap:2px;margin-top:26px;background:var(--linea);border-radius:14px;overflow:hidden}@media(min-width:620px){.recibes{grid-template-columns:repeat(3,1fr)}}.item{background:#fff;padding:22px 20px}.item .n{font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:1.5rem;color:var(--guinda)}.item h3{margin:.55em 0 .3em}.une{background:var(--suave);border-top:7px solid var(--guinda);padding:26px 24px;margin-top:26px}.une-fila{display:flex;gap:20px}.icono{width:58px;height:58px;flex:none;border-radius:50%;background:var(--guinda);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px}.icono svg{width:30px;height:30px;display:block;fill:#fff}.une-texto{border-left:1.5px solid #D9C4CA;padding-left:20px}.une h3{color:var(--guinda);text-transform:uppercase;margin:0 0 .6em}.une li{margin-bottom:.5em}.faq details{border-bottom:1px solid var(--linea)}.faq summary{cursor:pointer;padding:18px 34px 18px 0;font-weight:700}.munis{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.munis span{padding:.42em .82em;border-radius:99px;background:var(--suave);border:1px solid var(--linea)}footer{background:var(--guinda-hondo);color:rgba(255,255,255,.72);padding:38px 0 52px;font-size:.86rem}footer a{color:#fff}
/* Formulario HTML personalizado conectado a Gravity Forms */
.st-custom-form{margin-top:24px}.st-form-field{margin-bottom:18px}.st-form-field label{display:block;font-size:.98rem;font-weight:700;margin-bottom:8px}.st-form-field label span{font-weight:400;color:var(--gris);font-size:.9rem}.st-control input,.st-control select{display:block;width:100%;height:54px;border:1.5px solid var(--linea);border-radius:14px;background:#fff;color:var(--tinta);font:400 1.03rem "Archivo",Arial,sans-serif;padding:0 16px;transition:border-color .16s,box-shadow .16s}.st-control input::placeholder{color:#ad9fa5}.st-control input:focus,.st-control select:focus{outline:0;border-color:var(--guinda);box-shadow:0 0 0 3px rgba(110,19,41,.12)}.st-control.has-error input,.st-control.has-error select,.st-consent.has-error{border-color:#d63638}.st-select-wrap{position:relative}.st-select-wrap:after{content:"";position:absolute;right:18px;top:20px;width:9px;height:9px;border-right:2.5px solid var(--guinda);border-bottom:2.5px solid var(--guinda);transform:rotate(45deg);pointer-events:none}.st-control select{appearance:none;-webkit-appearance:none;padding-right:48px}.st-consent{margin-top:5px;background:var(--suave);border-left:5px solid var(--guinda);border-radius:14px;padding:15px 16px}.st-consent label{display:flex;align-items:center;gap:13px;cursor:pointer;line-height:1.25}.st-consent input{position:absolute;opacity:0;pointer-events:none}.st-checkmark{width:34px;height:34px;flex:0 0 34px;border:1.5px solid var(--linea);border-radius:13px;background:#fff;position:relative}.st-consent input:checked+.st-checkmark{background:var(--guinda);border-color:var(--guinda)}.st-consent input:checked+.st-checkmark:after{content:"";position:absolute;left:11px;top:6px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.st-consent strong{font-size:.95rem}.st-error{margin:6px 0 0;color:#d63638;font-size:.84rem;font-weight:600}.st-submit{display:block;width:100%;border:0;border-radius:999px;background:var(--guinda);color:#fff;font:900 1.12rem "Archivo",Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;padding:16px 20px;margin-top:20px;cursor:pointer;transition:background .16s,transform .12s}.st-submit:hover{background:var(--guinda-vivo)}.st-submit:active{transform:scale(.986)}.st-submit:disabled{opacity:.65;cursor:wait}.st-form-status{margin-top:12px;padding:11px 13px;border-radius:10px;font-size:.9rem;font-weight:600}.st-form-status.is-error{background:#fff1f0;color:#a61b1b}.st-form-status.is-success{background:#edf8f3;color:#0d654c}
.gf-fallback{padding:18px;border:1px dashed var(--linea);border-radius:12px;color:var(--gris)}
@media(max-width:979px){body{background:var(--guinda);padding:20px 14px 38px}.banda{padding:0;background:none!important}.banda:before{display:none}.banda>.wrap{max-width:470px;background:var(--papel);color:var(--tinta);border-radius:26px 26px 0 0;padding:28px 30px 0}.logo .sello{background:var(--guinda);border:0}.marca b{color:var(--guinda)}.marca b:first-child{color:var(--tinta)}.marca i{color:var(--gris)}.encabezado{margin-top:22px}.cintillo{background:var(--guinda);color:#fff}.banda h1{font-size:3.25rem;color:var(--tinta);margin-top:16px}.banda h1 span{color:var(--tinta)}.banda .sub{color:#3A2F33;font-size:1rem}.principal{margin:0;padding:0}.principal>.wrap{padding:0}.cols{display:block}.contenido{display:none}.lado{max-width:470px;margin:auto}.card{border-radius:0 0 26px 26px;border:0;box-shadow:none;padding:24px 30px 30px}.card .pasos{display:flex}.card h2.tit,.card .tit-sub{display:block}footer{display:none}}
@media(max-width:520px){.banda>.wrap,.card{padding-left:24px;padding-right:24px}.banda h1{font-size:clamp(2.5rem,12vw,3.2rem)}}

/* Rich text generated by WordPress editor */
.richtext p,.sub p,.tit-sub p,.legal p{margin-top:1em}.richtext p:first-child,.sub p:first-child,.tit-sub p:first-child,.legal p:first-child{margin-top:0}.richtext strong,.sub strong,.tit-sub strong,.legal strong{font-weight:800}.richtext ul,.richtext ol{margin:1em 0 1em 1.35em}.faq details .richtext{padding:0 0 20px}.faq details .richtext p{margin:0 0 .8em}.item .richtext p{font-size:.95rem;color:var(--gris);margin:0;line-height:1.45}
@media (max-width:1119px){
  .principal{margin-top:-64px}
  .cols{grid-template-columns:1fr}
  .lado{position:static;order:-1}
}
@media (min-width:1120px){
  body.admin-bar .lado{top:58px}
}
.footer-text p{margin:0 0 10px}
.st-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#st-recaptcha{height:0;overflow:visible}
.grecaptcha-badge{z-index:9999}

/* Beneficios: estilos aislados para evitar conflictos con plugins/admin y conservar el dise帽o */
.st-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:26px;
  background:#fff;
  border:1px solid var(--linea);
  border-radius:14px;
  overflow:hidden;
}
.st-benefit{
  min-width:0;
  margin:0!important;
  padding:24px 20px 26px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
  position:relative;
}
.st-benefit + .st-benefit{border-left:2px solid var(--linea)!important}
.st-benefit-number{
  margin:0 0 14px;
  color:var(--guinda);
  font-family:"Archivo Narrow",sans-serif;
  font-size:1.42rem;
  line-height:1;
  font-weight:700;
}
.st-benefit-title{
  margin:0 0 10px!important;
  padding:0!important;
  color:var(--tinta)!important;
  font-family:"Archivo",system-ui,sans-serif;
  font-size:1.02rem!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.012em;
  text-transform:none!important;
}
.st-benefit-text,
.st-benefit-text.richtext{
  margin:0!important;
  padding:0!important;
  color:var(--gris)!important;
  font-family:"Archivo",system-ui,sans-serif;
  font-size:.93rem!important;
  line-height:1.48!important;
  font-weight:400!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
}
.st-benefit-text p,
.st-benefit-text.richtext p{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
}
.st-benefit-text br{display:none}
@media(max-width:760px){
  .st-benefits{grid-template-columns:1fr}
  .st-benefit + .st-benefit{border-left:0!important;border-top:2px solid var(--linea)!important}
}