.content-extra{padding:64px 0}.content-extra-alt{background:#f2f7fb}.content-extra h2{max-width:850px;margin:8px 0 14px}.content-extra-intro{max-width:780px;line-height:1.7;margin-bottom:25px}.content-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-extra-card{background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:24px;box-shadow:0 3px 15px rgba(6,58,105,.05)}.content-extra-card h3{color:#063a69;font-size:1.13rem;margin:0 0 12px}.content-extra-card p{margin:0;line-height:1.65}.faq-list{max-width:900px;margin-top:22px}.faq-item{border-bottom:1px solid #d8e4ef;padding:15px 4px}.faq-item summary{cursor:pointer;font-weight:650;color:#063a69}.faq-item p{margin:12px 0 4px;line-height:1.7}.signup-note{font-size:.82rem;line-height:1.5;opacity:.85;margin:8px 0 0}@media(max-width:800px){.content-extra{padding:42px 0}.content-extra-grid{grid-template-columns:1fr}.content-extra-card{padding:20px}}

/* Textos editoriales cargados desde MySQL: ancho completo del contenedor */
.content-extra-intro,
.content-extra-card p,
.benefit p,
.solutions-intro > p:not(.eyebrow),
.module-card p,
.steps p,
.norms .container > p:not(.eyebrow),
.about-layout p,
.faq-item p,
.signup-layout > div > p:not(.eyebrow) {
    width: 100%;
    max-width: none;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: break-word;
}
/* Retirar límites de ancho propios de los párrafos introductorios y FAQ */
.content-extra-intro, .faq-list { max-width: none; }
/* Evitar que columnas de grid impidan ocupar el ancho disponible */
.content-extra-grid > *, .content-extra-card, .faq-list { min-width: 0; }
@media (max-width: 600px) {
    .content-extra-intro, .content-extra-card p, .benefit p,
    .solutions-intro > p:not(.eyebrow), .module-card p, .steps p,
    .norms .container > p:not(.eyebrow), .about-layout p,
    .faq-item p, .signup-layout > div > p:not(.eyebrow) {
        text-align: left;
    }
}

/* EHS360 — Diseño visual de Beneficios, Retos y Soluciones, versión 2026.10.23.03 */
.benefits-showcase{padding:58px 0 64px;background:linear-gradient(145deg,#f1f8ff 0%,#fff 68%);border-bottom:0}
.benefits-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}
.benefits-heading h2{font-size:clamp(1.65rem,2.8vw,2.65rem);line-height:1.14;max-width:650px;margin:0;letter-spacing:-.025em}
.benefits-heading>p{max-width:380px;margin:0;color:#4d6781;line-height:1.65}
.benefits-showcase .benefits-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0}
.benefits-showcase .benefit-card{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0;min-height:215px;padding:23px 19px 20px;border:1px solid #dceaf5!important;border-radius:19px;background:#fff;box-shadow:0 8px 25px rgba(5,47,87,.065);transition:transform .2s,box-shadow .2s}
.benefits-showcase .benefit-card:nth-child(5n+2){background:#eef8ff}.benefits-showcase .benefit-card:nth-child(5n+4){background:#edf9f8}
.benefits-showcase .benefit-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(5,47,87,.12)}
.benefits-showcase .benefit-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#0065b0,#04a3c6);color:white;font-size:1.7rem;box-shadow:0 6px 14px #0068b729}
.benefits-showcase .benefit strong{display:block;font-size:1.04rem;line-height:1.3;margin-bottom:9px;color:#063a69}
.benefits-showcase .benefit p{font-size:.87rem;line-height:1.55;color:#526780}
.challenges-section{position:relative;overflow:hidden;background:linear-gradient(120deg,#062e55 0%,#074d80 65%,#087aa1 100%);color:#fff}
.challenges-section::before{content:"";position:absolute;right:-110px;top:-180px;width:440px;height:440px;border:70px solid #ffffff0b;border-radius:50%;pointer-events:none}
.challenges-header{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end;margin-bottom:30px}
.challenges-header .eyebrow{color:#8ee7fa}.challenges-header h2{color:white;max-width:750px;font-size:clamp(1.7rem,2.8vw,2.65rem);line-height:1.15;margin:0}
.challenges-header .content-extra-intro{color:#d9ebf7;line-height:1.7;margin:0}
.challenges-grid{position:relative;grid-template-columns:repeat(3,minmax(0,1fr))}
.challenges-grid .challenge-card{display:flex;align-items:flex-start;gap:17px;padding:25px 23px;border:1px solid #ffffff33;background:#ffffffed;box-shadow:0 10px 26px #001b3424;border-radius:17px}
.challenge-number{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:13px;background:#dff5fd;color:#00659e;font-size:.92rem;font-weight:850;letter-spacing:.05em}
.challenges-grid .challenge-card h3{font-size:1.08rem;margin:0 0 8px;line-height:1.32}
.challenges-grid .challenge-card p{font-size:.9rem;line-height:1.62;color:#476079}
.solutions-showcase{background:linear-gradient(180deg,#fff 0%,#f0f7fd 100%)}
.solutions-showcase .solutions-layout{grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:36px;align-items:start}
.solutions-showcase .solutions-intro{position:sticky;top:102px}
.solutions-showcase .solutions-intro h2{font-size:clamp(1.7rem,2.4vw,2.4rem)}
.solutions-visual{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:24px 0;overflow:hidden;border-radius:15px;box-shadow:0 12px 24px #063a6918}
.solutions-visual img{width:100%;height:125px;object-fit:cover}
.solutions-showcase .module-grid{gap:18px}
.solutions-showcase .module-card{border-radius:18px;border:1px solid #d7e6f2;box-shadow:0 9px 24px #063a6912;transition:transform .2s,box-shadow .2s}
.solutions-showcase .module-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px #063a6921}
.solutions-showcase .module-card>img{height:165px}
.solutions-showcase .module-body{padding:31px 20px 20px}
.solutions-showcase .module-symbol{width:48px;height:48px;top:-25px}
@media(max-width:1250px){.benefits-showcase .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.benefits-heading{align-items:start;flex-direction:column;gap:12px}.benefits-heading>p{max-width:700px}.benefits-showcase .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenges-header{grid-template-columns:1fr;gap:14px}.challenges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-showcase .solutions-layout{grid-template-columns:1fr}.solutions-showcase .solutions-intro{position:static}.solutions-visual{max-width:520px}}
@media(max-width:600px){
 .benefits-showcase{padding:43px 0 48px}.benefits-heading{margin-bottom:20px}.benefits-heading h2,.challenges-header h2{font-size:1.8rem}
 .benefits-showcase .benefits-grid{grid-template-columns:1fr;gap:12px}
 .benefits-showcase .benefit-card{flex-direction:row;align-items:flex-start;gap:15px;min-height:0;padding:18px 16px;border-radius:16px}
 .benefits-showcase .benefit-icon{width:48px;height:48px;border-radius:14px;font-size:1.45rem}
 .benefits-showcase .benefit strong{font-size:1rem;margin-bottom:4px}.benefits-showcase .benefit p{font-size:.87rem}
 .challenges-section{padding:48px 0}.challenges-grid{grid-template-columns:1fr;gap:12px}
 .challenges-grid .challenge-card{padding:17px;gap:13px}.challenge-number{width:40px;height:40px;font-size:.8rem}
 .challenges-grid .challenge-card h3{font-size:1rem;margin-bottom:5px}.challenges-grid .challenge-card p{font-size:.87rem}
 .solutions-showcase{padding:48px 0}.solutions-visual{margin:18px 0}.solutions-visual img{height:105px}
 .solutions-showcase .module-grid{grid-template-columns:1fr;gap:16px}
 .solutions-showcase .module-card>img{height:185px}.solutions-showcase .module-body{padding:29px 19px 20px}
}
@media(prefers-reduced-motion:reduce){.benefits-showcase .benefit-card,.solutions-showcase .module-card{transition:none}}


/* EHS360 — Continuidad visual desde Cómo funciona hasta Contacto · 2026.10.23.04 */
.process-showcase{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf8ff,#fff 65%)}
.process-showcase::after{content:"";position:absolute;width:360px;height:360px;right:-180px;bottom:-210px;border:55px solid #087aa10a;border-radius:50%;pointer-events:none}
.process-showcase .process-inner{position:relative;z-index:1;gap:50px;align-items:start}
.process-showcase .process-inner>div:first-child{padding-top:20px}
.process-showcase .process-inner h2{font-size:clamp(1.8rem,2.7vw,2.65rem);line-height:1.16;letter-spacing:-.025em}
.process-showcase .steps{display:grid;gap:13px;counter-reset:none}
.process-showcase .steps li{position:relative;display:flex;align-items:flex-start;gap:19px;padding:20px 23px;background:white;border:1px solid #dce9f5;border-radius:17px;box-shadow:0 9px 25px #063a690d}
.process-showcase .steps li b{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#0065b0,#04a3c6);color:#fff;font-size:1.1rem;box-shadow:0 7px 15px #0068b729}
.process-showcase .steps li strong{color:#063a69;font-size:1.06rem}
.process-showcase .steps li p{color:#4d647a;font-size:.94rem;margin:6px 0 0}
.results-showcase{background:#fff}
.results-showcase .content-extra-intro{color:#526780}
.results-showcase .results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.results-showcase .content-extra-card{position:relative;overflow:hidden;border-top:4px solid #048eb7;padding:25px 24px 27px;box-shadow:0 10px 30px #063a6910}
.results-showcase .content-extra-card:nth-child(3n+2){border-top-color:#17a29a;background:#f7fcfc}
.results-showcase .content-extra-card:nth-child(3n+3){border-top-color:#0065b0;background:#f7fbff}
.result-card-mark{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;background:#e5f5fc;color:#056eaa;font-weight:800;letter-spacing:.04em}
.results-showcase .content-extra-card h3{font-size:1.12rem;line-height:1.35}
.audience-showcase{background:linear-gradient(140deg,#063a69 0%,#065d86 100%);color:white;position:relative;overflow:hidden}
.audience-showcase::before{content:"";position:absolute;width:440px;height:440px;top:-220px;right:-180px;border:70px solid #ffffff09;border-radius:50%}
.audience-showcase .container{position:relative}
.audience-showcase .eyebrow{color:#8ce4f3}
.audience-showcase h2{color:#fff}
.audience-showcase .content-extra-intro{color:#d6e9f4}
.audience-showcase .audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.audience-showcase .content-extra-card{background:#fff;border:1px solid #ffffff70;box-shadow:0 12px 30px #001d3540}
.audience-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e4f5fc;color:#0073ae;font-size:1.6rem;margin-bottom:15px}
.norms-showcase{background:#eff8fd;position:relative}
.norms-showcase .container{position:relative;background:white;border:1px solid #d9e9f5;border-left:6px solid #04a3c6;border-radius:20px;padding:36px 42px;box-shadow:0 12px 35px #063a6910}
.norms-showcase .container::after{content:"§";position:absolute;right:32px;top:10px;font-size:7rem;line-height:1;color:#e5f4fa;pointer-events:none;font-family:Georgia,serif}
.norms-showcase h2,.norms-showcase .container>p{position:relative;z-index:1}
.norms-showcase h2{max-width:850px;font-size:clamp(1.7rem,2.7vw,2.5rem)}
.norms-showcase .container>p:not(.eyebrow){max-width:900px;color:#425d75;line-height:1.8}
.about-showcase{background:linear-gradient(135deg,#fff 0%,#f2f9fc 100%)}
.about-showcase .about-layout{align-items:center;gap:36px}
.about-showcase .about-layout>div:first-child{background:white;border:1px solid #dbeaf4;border-radius:22px;padding:34px 28px;box-shadow:0 12px 35px #063a690e;text-align:center}
.about-showcase .ergo-logo{max-width:100%;height:auto}
.about-showcase .about-layout>div:last-child{border-left:4px solid #04a3c6;padding-left:28px}
.about-showcase h2{font-size:clamp(1.75rem,2.7vw,2.55rem);line-height:1.2}
.about-showcase .about-layout p{line-height:1.8}
.faq-showcase{background:#f2f8fd}
.faq-showcase .faq-list{display:grid;gap:12px;margin-top:25px}
.faq-showcase .faq-item{border:1px solid #dbe9f4;border-radius:14px;background:white;padding:0;box-shadow:0 5px 16px #063a6908;overflow:hidden}
.faq-showcase .faq-item summary{position:relative;list-style:none;padding:19px 56px 19px 21px;color:#063a69;line-height:1.4}
.faq-showcase .faq-item summary::-webkit-details-marker{display:none}
.faq-showcase .faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e4f4fb;color:#0069a5;font-size:1.35rem;font-weight:500}
.faq-showcase .faq-item[open] summary::after{content:"−"}
.faq-showcase .faq-item[open]{border-color:#9cd8ec;box-shadow:0 8px 24px #063a6914}
.faq-showcase .faq-item p{margin:0;padding:0 21px 21px;color:#425d75;line-height:1.7}
.signup-showcase{background:linear-gradient(130deg,#062d54 0%,#075982 100%);color:#fff;position:relative;overflow:hidden}
.signup-showcase::before{content:"";position:absolute;left:-160px;bottom:-230px;width:460px;height:460px;border:75px solid #ffffff09;border-radius:50%;pointer-events:none}
.signup-showcase .signup-layout{position:relative;align-items:start;gap:45px}
.signup-showcase .signup-layout>div:first-child{padding-top:20px}
.signup-showcase .signup-layout h2{color:#fff;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15}
.signup-showcase .signup-layout>div>p:not(.eyebrow){color:#d9eaf4;line-height:1.8}
.signup-showcase .eyebrow{color:#8ce4f3}
.signup-showcase .signup-form{background:#fff;color:#163c5d;border:1px solid #ffffff8a;border-radius:22px;padding:30px;box-shadow:0 18px 45px #001b3545}
.signup-showcase .signup-form label{color:#21445f}
.signup-showcase .signup-form input:not([type=checkbox]),.signup-showcase .signup-form select{border-radius:10px}
.signup-showcase .signup-note{color:#536a7e}
@media(max-width:900px){
 .process-showcase .process-inner{gap:22px}
 .results-showcase .results-grid,.audience-showcase .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .signup-showcase .signup-layout{gap:25px}
}
@media(max-width:600px){
 .process-showcase,.results-showcase,.audience-showcase,.faq-showcase{padding:46px 0}
 .process-showcase .process-inner>div:first-child{padding-top:0}
 .process-showcase .steps{gap:12px}
 .process-showcase .steps li{padding:17px;gap:13px;border-radius:15px}
 .process-showcase .steps li b{width:40px;height:40px;border-radius:12px}
 .process-showcase .steps li p{font-size:.88rem}
 .results-showcase .results-grid,.audience-showcase .audience-grid{grid-template-columns:1fr;gap:13px}
 .results-showcase .content-extra-card,.audience-showcase .content-extra-card{padding:19px}
 .result-card-mark,.audience-card-icon{width:42px;height:42px;margin-bottom:12px}
 .norms-showcase .container{padding:26px 22px;border-radius:15px}
 .norms-showcase .container::after{font-size:5rem;right:12px}
 .about-showcase .about-layout{gap:24px}
 .about-showcase .about-layout>div:first-child{padding:23px}
 .about-showcase .about-layout>div:last-child{padding-left:18px}
 .faq-showcase .faq-item summary{padding:16px 54px 16px 16px;font-size:.96rem}
 .faq-showcase .faq-item p{padding:0 16px 17px;font-size:.91rem}
 .signup-showcase .signup-layout>div:first-child{padding-top:0}
 .signup-showcase .signup-form{padding:20px 17px;border-radius:17px}
}
@media(prefers-reduced-motion:reduce){.faq-showcase .faq-item{scroll-behavior:auto}}

/* Corrección de tarjetas «Para quién» — 2026.10.23.05 */
@media (min-width: 901px) {
  .audience-showcase .audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.audience-showcase .audience-grid { align-items: stretch; }
.audience-showcase .content-extra-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 25px;
}
.audience-showcase .content-extra-card p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 12px 0 0;
  color: #38536b !important;
  font-size: 1rem;
  line-height: 1.65;
}
@media (max-width: 600px) {
  .audience-showcase .content-extra-card { padding: 20px; }
  .audience-showcase .content-extra-card p { font-size: .94rem; line-height: 1.6; }
}

/* EHS360 2026.10.23.06 — fotografía editorial de secciones */
.section-visual{margin:22px 0 27px;overflow:hidden;border-radius:19px;position:relative;box-shadow:0 14px 32px rgba(4,45,78,.16);line-height:0}
.section-visual picture,.section-visual img{display:block;width:100%}
.section-visual img{height:auto;aspect-ratio:1200/660;object-fit:cover}
.results-showcase .section-visual{max-width:100%;max-height:330px}
.results-showcase .section-visual img{max-height:330px}
.audience-showcase .section-visual{border:1px solid rgba(255,255,255,.3);max-height:310px}
.audience-showcase .section-visual img{max-height:310px}
.faq-showcase .container{position:relative}
.faq-showcase .faq-visual{display:block;width:min(210px,28%);height:auto;float:right;margin:-20px 0 12px 22px}
.faq-showcase .faq-list{clear:both}
@media(max-width:760px){
 .section-visual{border-radius:14px;margin:18px 0 20px}
 .section-visual img{aspect-ratio:4/3;max-height:260px;object-fit:cover}
 .results-showcase .section-visual img,.audience-showcase .section-visual img{max-height:260px}
 .faq-showcase .faq-visual{width:110px;float:right;margin:0 0 10px 10px}
}

/* 2026.10.23.09: mostrar imágenes completas sin recorte ni ampliación */
#resultados .section-visual, #destinatarios .section-visual {max-height:none !important;height:auto !important;overflow:hidden;}
#resultados .section-visual picture, #destinatarios .section-visual picture {display:block;width:100%;height:auto;}
#resultados .section-visual img, #destinatarios .section-visual img {display:block;width:100%;height:auto !important;max-height:none !important;aspect-ratio:auto !important;object-fit:contain !important;object-position:center;}
@media(max-width:640px){#resultados .section-visual,#destinatarios .section-visual{max-height:none !important;} }

/* EHS360 v2026.10.23.10 — ilustraciones diferenciadas por diapositiva */
#inicio .hero-product{width:min(100%,385px);max-width:385px;justify-self:center;margin:0 auto;align-self:center}
#inicio .hero-concept-illustration{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,18,45,.28))}
#inicio .hero-product .concept-note{max-width:385px;margin-top:8px;font-size:.65rem}
@media(max-width:900px){#inicio .hero-product{width:min(100%,345px);max-width:345px;margin-inline:auto}}
@media(max-width:550px){#inicio .hero-product{width:min(100%,285px);max-width:285px}#inicio .hero-product .concept-note{font-size:.58rem}}


/* EHS360 2026.10.23.11 — mayor altura del carrusel solo en escritorio.
   Mantiene el comportamiento actual de tablet y celular. */
@media (min-width: 901px) {
  #inicio.hero,
  #inicio .hero-slides,
  #inicio .hero-slide {
    min-height: clamp(650px, 76vh, 820px);
  }

  #inicio .hero-content {
    min-height: clamp(650px, 76vh, 820px);
    padding-top: 70px;
    padding-bottom: 85px;
    align-items: center;
  }

  #inicio .hero-photo,
  #inicio .hero-picture,
  #inicio .hero-picture img {
    height: 100%;
  }

  #inicio .carousel-dots {
    bottom: 28px;
  }
}

/* EHS360 2026.10.23.13 — diferenciación y confianza comercial */
.differentiation-section{padding:64px 0;background:#f6fbff}
.differentiation-section h2{max-width:820px;color:#063a69;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.18;margin:9px 0 14px}
.differentiation-intro{max-width:960px;color:#49657d;line-height:1.75;margin:0 0 26px}
.differentiation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.differentiation-grid article{padding:23px 20px;border-radius:17px;border:1px solid #d9e8f4;background:white;box-shadow:0 9px 24px #063a690b}
.differentiation-grid article span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e1f4fc;color:#006ca6;font-size:1.5rem}
.differentiation-grid h3{color:#063a69;font-size:1.06rem;margin:16px 0 9px}
.differentiation-grid p{color:#4b647a;line-height:1.65;margin:0;font-size:.94rem}
.differentiation-disclaimer{color:#526b7d;font-size:.82rem;line-height:1.6;margin:18px 0 0}
.about-project-link{font-weight:700;color:#0079b8;text-decoration:underline;text-underline-offset:4px}
@media(max-width:950px){.differentiation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.differentiation-section{padding:44px 0}.differentiation-grid{grid-template-columns:1fr;gap:12px}.differentiation-grid article{padding:18px}}

.project-page h1{color:#063a69;font-size:clamp(2rem,4vw,3.1rem)}.project-page h2{margin-top:38px}.project-page p{line-height:1.75;max-width:970px}.project-page .differentiation-grid h3{margin-top:0}

/* v2026.10.23.14: enlace destacado al proyecto en Nosotros */
.about-showcase .about-project-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;text-decoration:none;white-space:normal;text-align:center}

/* v15: botón visible y página proyecto integrada al encabezado corporativo */
.about-showcase .about-project-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;background:#006fb3!important;color:#fff!important;border:1px solid #006fb3;border-radius:10px;font-weight:750;box-shadow:0 7px 18px rgba(0,71,126,.22);text-decoration:none!important;opacity:1!important;visibility:visible!important}
.about-showcase .about-project-button:hover,.about-showcase .about-project-button:focus-visible{background:#00548d!important;color:#fff!important;outline-offset:3px}
.project-page{min-height:65vh;background:#f6fbff}.project-page .project-hero{background:linear-gradient(120deg,#063a69,#087aa1);color:#fff;padding:62px 0 54px}.project-page .project-hero h1{color:#fff;margin:10px 0 16px;font-size:clamp(2.1rem,4vw,3.2rem)}.project-page .project-hero .eyebrow{color:#a9e9fa}.project-page .project-hero p{color:#e6f5fb;max-width:900px;line-height:1.75}.project-page .project-content{padding:58px 0 72px}.project-page .project-content h2{color:#063a69}.project-page .project-content>p{max-width:920px}.project-page .project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:35px}.project-page .project-actions .btn{white-space:normal}
@media(max-width:600px){.project-page .project-hero{padding:45px 0}.project-page .project-content{padding:40px 0 55px}}


/* v2026.10.23.16 — ajustes editoriales puntuales.
   1) Evitar separación de palabras en la sección Nosotros.
   2) Aprovechar el ancho de lectura y compactar espacios en Conoce el proyecto.
   Se conserva el diseño y la adaptación responsive. */
#nosotros .about-layout p,
#nosotros .about-layout h2,
#nosotros .about-layout a {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: normal;
  overflow-wrap: break-word;
}
.project-page .project-content > .container > p {
  max-width: min(100%, 1160px);
  margin-top: 10px;
  margin-bottom: 18px;
  line-height: 1.7;
  text-align: left;
  hyphens: none;
}
.project-page .project-content > .container > h2 {
  margin-top: 28px;
  margin-bottom: 12px;
  line-height: 1.24;
}
.project-page .project-content > .container > h2:first-child {
  margin-top: 0;
}
.project-page .project-content .differentiation-grid {
  margin-top: 18px;
  margin-bottom: 26px;
}
.project-page .project-content .differentiation-grid p {
  max-width: none;
  hyphens: none;
}
.project-page .project-content {
  padding-top: 44px;
  padding-bottom: 58px;
}
@media (max-width: 600px) {
  .project-page .project-content {padding-top: 36px; padding-bottom: 48px;}
  .project-page .project-content > .container > h2 {margin-top: 25px;}
}


/* EHS360 actualización 2026.10.27.01: accesos y hero a todo el ancho */
.header-login{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#0b2f45;font-weight:700;text-decoration:none;padding:10px 12px;border-radius:9px}
.header-login:hover,.header-login:focus-visible{background:#eaf6fc;color:#0068b7}
#inicio.hero,#inicio .hero-slides,#inicio .hero-slide{width:100%;max-width:none}
#inicio .hero-picture,#inicio .hero-photo{width:100%}
@media(max-width:900px){.header-login{margin-left:auto}.header-cta{white-space:nowrap}}
@media(max-width:550px){.header-login{font-size:.82rem;padding:8px 6px}.header-cta{font-size:.8rem;padding:9px 11px}}

/* Acceso de usuario con icono corporativo existente */
.header-login-icon{padding:4px!important;line-height:0;flex:0 0 auto}
.header-login-icon img{display:block;width:38px;height:38px;object-fit:contain;border-radius:50%}
@media(max-width:550px){.header-login-icon{padding:3px!important}.header-login-icon img{width:32px;height:32px}}