/*
Theme Name: Instituto Pacífico Sur
Author: Páginas México
Description: Tema a la medida del Instituto Pacífico Sur. Réplica del sitio React.
Version: 2.0
Text Domain: pmx-institutopacificosur
*/
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#141A3C;background:#fff;-webkit-tap-highlight-color:transparent;margin:0}
::selection{background:#2AA8E6;color:#fff}
:focus-visible{outline:3px solid #F26A1F;outline-offset:3px}
.wp-site-blocks{padding:0}
.wp-site-blocks>*,main>.entry-content>*,.wp-block-post-content>*{margin-block-start:0}
.ips-d{font-weight:800;letter-spacing:-.035em;line-height:.95}
.ips-h2{font-weight:800!important;letter-spacing:-.03em;line-height:1!important;font-size:clamp(2.2rem,5.2vw,4.2rem)!important;margin:1.25rem 0 0;color:#141A3C}
.ips-eb{font-size:12px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0}
.ips-naranja{color:#F26A1F} .ips-cielo{color:#2AA8E6} .ips-verde{color:#1A8F49!important}
.ips-intro{font-size:17px;line-height:1.65;color:#4B5563;margin:0}
.ips-sec{padding:clamp(5rem,9vw,8rem) 1.25rem}
.ips-sec>*{max-width:1240px;margin-left:auto!important;margin-right:auto!important}
.ips-suave{background:#F3F7FD}
.ips-marino{background:#1E2A8C;color:#fff}
.ips-cab{align-items:flex-end!important;gap:2rem!important;margin-bottom:0}

/* botones */
.wp-block-button__link{border-radius:999px;font-weight:700;font-size:16px;padding:14px 26px;transition:transform .2s cubic-bezier(.22,1,.36,1)}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button__link:active{transform:scale(.97)}
.ips-b-naranja .wp-block-button__link{background:#F26A1F;color:#fff}
.ips-b-verde .wp-block-button__link{background:#1FA855;color:#fff}
.ips-b-marino .wp-block-button__link{background:#1E2A8C;color:#fff}
.ips-b-borde .wp-block-button__link{background:transparent;color:#1E2A8C;border:2px solid #1E2A8C;padding:12px 24px}
.ips-b-link .wp-block-button__link{background:transparent;color:#fff;padding:14px 4px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:#2AA8E6;border-radius:0}
.ips-b-verde .wp-block-button__link::before,.ips-b-naranja .wp-block-button__link::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.3-.5 0-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.3-.3.6-.4.8-.4h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.3.5-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.5.3.1.2.1.7-.1 1.2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.3-.5 0-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.3-.3.6-.4.8-.4h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.3.5-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.5.3.1.2.1.7-.1 1.2Z'/%3E%3C/svg%3E") center/contain no-repeat}
.ips-header-cta .wp-block-button__link::before{display:none}

/* encabezado */
.ips-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #E5E7EB;padding:0 1.25rem}
.ips-header-in{min-height:68px;max-width:1240px;margin:0 auto!important}
.ips-marca{display:flex;align-items:center;gap:12px;text-decoration:none}
.ips-marca img{height:48px;width:auto}
.ips-marca span{font-size:15px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#1E2A8C}
.ips-header-der{gap:2rem!important}
.ips-nav{font-size:15px;font-weight:600;gap:2rem!important}
.ips-nav a:hover{color:#2AA8E6}
.ips-header-cta .wp-block-button__link{padding:10px 20px;font-size:15px}
.ips-tricolor{display:flex;height:4px} .ips-tricolor span{flex:1}
.ips-tricolor span:nth-child(1){background:#006847} .ips-tricolor span:nth-child(2){background:#fff} .ips-tricolor span:nth-child(3){background:#CE1126}
@media (max-width:781px){.ips-header-cta{display:none!important}}

/* hero */
.ips-hero{position:relative;overflow:hidden;background:#1E2A8C;color:#fff;min-height:86svh;display:flex;align-items:center;padding:2rem 1.25rem 3.5rem}
.ips-hero::after{content:"";position:absolute;top:0;bottom:0;right:0;width:34%;background:#2AA8E6;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.ips-hero>.wp-block-columns{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto!important;align-items:center!important}
.ips-hero-eb{color:rgba(255,255,255,.88)}
.ips-pill,.ips-pill-p{background:#F26A1F;color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.ips-pill-p{display:inline-block;align-self:flex-start;margin:.75rem 0 0!important}
.ips-hero-h1{font-size:clamp(2.7rem,7.4vw,5.6rem)!important;margin:1.25rem 0 0;color:#fff}
.ips-hero-lead{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;line-height:1.3;margin:1.5rem 0 0}
.ips-hero-p{max-width:46ch;font-size:17px;line-height:1.65;color:#D9E3FF;margin:.75rem 0 0}
.ips-hero .wp-block-buttons{margin-top:2rem;gap:1rem}
.ips-hero-escudo{margin:0 0 0 auto;width:min(30vw,430px);aspect-ratio:903/1166;filter:drop-shadow(0 24px 40px rgba(0,0,0,.3))}
.ips-hero-escudo img{width:100%;height:100%;object-fit:contain}
@media (max-width:781px){.ips-hero{min-height:100svh}.ips-hero::after{display:none}.ips-hero-img{order:-1}.ips-hero-escudo{margin:0 auto;width:150px}}

/* niveles */
.ips-niveles{margin-top:4rem!important;border-top:2px solid #1E2A8C}
.ips-nivel{display:grid!important;grid-template-columns:auto 1fr 1.4fr auto;gap:.75rem 2.5rem;align-items:center;border-bottom:1px solid #E5E7EB;padding:2rem 1rem;transition:background-color .3s}
.ips-nivel>*{margin:0!important}
.ips-nivel:hover{background:#F3F7FD}
.ips-nivel:hover .ips-esc path{fill:#F26A1F}
.ips-esc path{transition:fill .3s}
.ips-esc-n{font:800 38px 'Plus Jakarta Sans',sans-serif}
.ips-nivel-t{font-size:clamp(1.5rem,3vw,2.3rem)!important;font-weight:800;letter-spacing:-.02em;color:#1E2A8C}
.ips-nivel-d{font-size:16px;line-height:1.65;color:#4B5563;max-width:60ch}
.ips-nivel-a a{color:#F26A1F;font-weight:700;font-size:15px;white-space:nowrap;text-decoration:none}
@media (max-width:781px){.ips-nivel{grid-template-columns:auto 1fr;gap:.75rem 1.5rem;padding:2rem .5rem}.ips-nivel-d,.ips-nivel-a{grid-column:1/-1}}

/* planteles */
.ips-statement{max-width:22ch!important;margin-left:0!important;font-size:clamp(1.9rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin-top:1.5rem!important}
.ips-sec.ips-marino>.ips-statement{margin-left:max(0px,calc((100% - 1240px)/2))!important}
.ips-tarjetas{margin-top:4rem!important;gap:1.5rem!important}
.ips-tarjeta{background:#fff;color:#141A3C;border-radius:16px;padding:clamp(1.75rem,3vw,2.5rem);display:flex;flex-direction:column}
.ips-tarjeta>*{margin-block-start:0}
.ips-tarj-cab{display:flex;align-items:center;gap:1rem}
.ips-tarj-cab h3{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:#1E2A8C}
.ips-zona{font-size:15px;color:#4B5563;margin:.5rem 0 0!important}
.ips-datos{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #E5E7EB;font-size:16px}
.ips-dato span.ips-eb{display:block;color:#6B7280;margin-bottom:.5rem}
.ips-dato b,.ips-dato a{font-weight:700;line-height:1.55}
.ips-dato a{color:#1E2A8C;text-decoration:none}
.ips-dato a.ips-sub{text-decoration:underline}
.ips-tels{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.ips-ancho{grid-column:1/-1}
.ips-tarj-bts{margin-top:auto!important;padding-top:2.25rem;gap:.75rem}
.ips-tarj-bts .wp-block-button__link{padding:13px 22px}
.ips-tlapa{margin-top:5rem!important;gap:2.5rem!important}
.ips-lema{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:1.25rem 0 0!important}
.ips-claro{color:#D9E3FF}
.ips-guiones{list-style:none;padding:0;margin:2rem 0 0;font-size:16px}
.ips-guiones li{position:relative;padding-left:1.75rem;margin-top:.6rem}
.ips-guiones li::before{content:"";position:absolute;left:0;top:.72em;width:14px;height:2px;background:#F26A1F}
.ips-tns{border-top:1px solid rgba(255,255,255,.2)}
.ips-tn{display:grid!important;grid-template-columns:10rem 1fr;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.2);padding:1.5rem 0}
.ips-tn>*{margin:0!important}
.ips-tn-t{font-size:22px!important;font-weight:800;color:#2AA8E6}
.ips-sin{list-style:none;padding:0;font-size:16px;line-height:1.6}
@media (max-width:600px){.ips-datos{grid-template-columns:1fr}.ips-tn{grid-template-columns:1fr}}

/* nosotros */
.ips-mvs{margin-top:3.5rem!important;gap:1.5rem!important}
.ips-mv{background:#fff;border-radius:16px;padding:clamp(1.75rem,3vw,2.5rem);border-top:4px solid #1E2A8C}
.ips-mv>*{margin-block-start:0}
.ips-mv-t{font-size:clamp(1.6rem,3vw,2.2rem)!important;font-weight:800;letter-spacing:-.02em;color:#1E2A8C;margin:0}
.ips-mv-p{font-size:17px;line-height:1.65;color:#374151;margin:1rem 0 0!important}
.ips-val-eb{margin-top:3.5rem!important}
.ips-valores{list-style:none;padding:0;margin:1.25rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem}
.ips-valores li{background:#1E2A8C;color:#fff;border-radius:999px;padding:10px 20px;font-weight:700;font-size:16px}
.ips-valores li:nth-child(3n+2){background:#2AA8E6}
.ips-valores li:nth-child(3n){background:#F26A1F}
.ips-lema-yo{margin-top:3rem!important;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:#1E2A8C}
.ips-intro a{color:#1E2A8C;font-weight:700}
.ips-g-sim{grid-template-columns:repeat(3,1fr)}
.ips-galeria.ips-g-sim img{aspect-ratio:940/788;object-fit:contain;height:auto}
@media (max-width:781px){.ips-g-sim{grid-template-columns:1fr}}

/* preguntas */
.ips-faq{margin-top:3.5rem!important;border-top:2px solid #1E2A8C}
.ips-faq-item{border-bottom:1px solid #D5DCEB;margin:0!important;padding:0}
.ips-faq-item summary{cursor:pointer;list-style:none;position:relative;padding:1.5rem 3rem 1.5rem 0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800;letter-spacing:-.01em;color:#1E2A8C}
.ips-faq-item summary::-webkit-details-marker{display:none}
.ips-faq-item summary::after{content:"+";position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:2rem;font-weight:500;color:#F26A1F;transition:transform .2s}
.ips-faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.ips-faq-item p{margin:0 0 1.5rem!important;max-width:75ch;font-size:17px;line-height:1.65;color:#374151}
.ips-header-der .ips-nav{gap:1.5rem!important}

/* menú en celular */
.ips-nav .wp-block-navigation__responsive-container.is-menu-open{padding:1.25rem 1.5rem calc(2rem + env(safe-area-inset-bottom));background:#fff}
.ips-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:3.5rem;gap:0!important;align-items:stretch!important}
.ips-nav .is-menu-open .wp-block-navigation__container{align-items:stretch!important;width:100%}
.ips-nav .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid #E5E7EB}
.ips-nav .is-menu-open .wp-block-navigation-item__content{display:block;padding:1rem 0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:#1E2A8C}
.ips-nav .wp-block-navigation__responsive-container-close svg,.ips-nav .wp-block-navigation__responsive-container-open svg{width:28px;height:28px;color:#1E2A8C}
.ips-nav .current-menu-item>a,.ips-nav a[aria-current=page]{color:#F26A1F}

/* páginas interiores */
.ips-cabecera{background:#1E2A8C;color:#fff;padding:clamp(4rem,8vw,6.5rem) 1.25rem clamp(3.5rem,6vw,5rem);position:relative;overflow:hidden}
.ips-cabecera::after{content:"";position:absolute;top:0;bottom:0;right:0;width:22%;background:#2AA8E6;clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}
.ips-cabecera>*{position:relative;z-index:1;max-width:1240px;margin-left:auto!important;margin-right:auto!important}
.ips-cab-h1{font-size:clamp(2.4rem,6vw,4.8rem)!important;margin:1rem 0 0!important;max-width:18ch;color:#fff}
.ips-cab-p{margin:1.25rem 0 0!important;max-width:60ch;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55;color:#D9E3FF}
@media (max-width:781px){.ips-cabecera::after{display:none}}
.ips-cta{padding-top:4rem;padding-bottom:4rem}
.ips-cta-cols{align-items:center!important}
.ips-cta-t{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:.75rem 0 0!important}
.ips-cta .wp-block-buttons{justify-content:flex-end;gap:.75rem}
.ips-sin-ico .wp-block-button__link::before{display:none}
@media (max-width:781px){.ips-cta .wp-block-buttons{justify-content:flex-start}}
.ips-mapas{margin-top:3rem!important;gap:1.5rem!important}
.ips-mapa-t{font-size:22px!important;font-weight:800;color:#1E2A8C;margin:0 0 1rem!important}
.ips-mapa{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#E8EEF8}
.ips-mapa iframe{width:100%;height:100%;border:0;display:block}
.ips-datos-contacto{margin-top:0;padding-top:0;border-top:0;font-size:17px}
.ips-datos-contacto a{color:#1E2A8C}
#tlapa>.ips-lema,#tlapa>.ips-eb{max-width:1240px}

/* requisitos */
.ips-reqs{margin-top:3.5rem!important;padding-top:2.5rem;border-top:2px solid #1E2A8C;gap:2rem!important}
.ips-req-t{font-size:22px!important;font-weight:800;color:#1E2A8C;margin:0}
.ips-req .ips-guiones{margin-top:1rem;color:#374151}
.ips-reqs+.wp-block-buttons{margin-top:3rem!important}

/* galerías */
.ips-galeria{margin-top:3.5rem!important;display:grid!important;gap:1rem}
.ips-galeria>*{margin:0!important}
.ips-foto img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.ips-foto{overflow:visible}
.ips-foto figcaption{position:relative;padding-left:1.5rem;margin-top:.75rem!important;font-size:14px;color:#4B5563;text-align:left}
.ips-foto figcaption::before{content:"";position:absolute;left:0;top:.7em;width:16px;height:2px;background:#F26A1F}
.ips-g-vida{grid-template-columns:repeat(3,1fr)}
.ips-g-vida .ips-f0{grid-column:1/-1} .ips-g-vida .ips-f0 img{aspect-ratio:16/7;object-position:50% 72%}
.ips-g-vida .ips-f1 img,.ips-g-vida .ips-f2 img,.ips-g-vida .ips-f3 img{aspect-ratio:3/4}
.ips-g-inst{grid-template-columns:repeat(6,1fr)}
.ips-g-inst .ips-foto{grid-column:span 2} .ips-g-inst .ips-f0,.ips-g-inst .ips-f1{grid-column:span 3}
.ips-g-inst img{aspect-ratio:16/10}
@media (max-width:781px){.ips-g-vida{grid-template-columns:1fr 1fr}.ips-g-vida .ips-f0 img{aspect-ratio:4/3}.ips-g-vida .ips-f3{grid-column:1/-1}.ips-g-inst{grid-template-columns:1fr}.ips-g-inst .ips-foto{grid-column:auto!important}}

/* formulario */
.ips-form{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.ips-form label span{display:block;font-size:13px;font-weight:700;margin-bottom:.5rem}
.ips-form input,.ips-form select,.ips-form textarea{width:100%;box-sizing:border-box;border:1.5px solid #CBD3E6;background:#fff;padding:14px 16px;font:inherit;font-size:16px;border-radius:10px}
.ips-form input:focus,.ips-form select:focus,.ips-form textarea:focus{border-color:#1E2A8C;outline:none}
.ips-form button{background:#1E2A8C;color:#fff;border:0;border-radius:999px;padding:16px 32px;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.ips-form-pie{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}
.ips-form-msg{margin:0;font-size:15px}
.ips-oculto{position:absolute;left:-9999px}
.ips-gracias{background:#F3F7FD;border-radius:16px;padding:2.5rem}
.ips-gracias b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em}
@media (max-width:600px){.ips-form{grid-template-columns:1fr}}

/* pie */
.ips-footer{background:#141A3C;color:#fff;overflow:hidden}
.ips-footer-in{max-width:1240px;margin:0 auto;padding:6rem 1.25rem 2.5rem}
.ips-footer-wa{display:block;margin-top:1.25rem;font-size:clamp(2.6rem,9vw,7rem);color:#fff;text-decoration:none}
.ips-footer-wa span{color:#F26A1F}
.ips-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.15);font-size:15px;color:#C9D2F0;line-height:1.6}
.ips-footer-cols p{margin:0} .ips-footer-cols b{color:#fff} .ips-footer-cols a{color:inherit}
.ips-footer-marca{display:flex;gap:1rem;align-items:flex-start} .ips-footer-marca img{height:56px;width:auto}
.ips-footer-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;font-size:13px;color:rgba(255,255,255,.6)}
.ips-footer-pie a{color:inherit} .ips-footer-pie svg{vertical-align:-1px}
.ips-fijo{display:none}
@media (max-width:781px){.ips-footer-cols{grid-template-columns:1fr}
.ips-fijo{display:flex;position:fixed;z-index:50;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;border-radius:999px;padding:16px;background:#1FA855;color:#fff;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.2);opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .3s,transform .3s}
.ips-fijo.ips-ver{opacity:1;transform:none;pointer-events:auto}}

/* revelado (sólo con JS) */
.ips-js .ips-rev{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.ips-js .ips-rev.ips-in,.ips-listo .ips-rev{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ips-js .ips-rev{opacity:1;transform:none;transition:none}.wp-block-button__link,.ips-foto img{transition:none}}