.elementor-256 .elementor-element.elementor-element-3d358a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.38;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-3d358a9:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-3d358a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apantallante.com/wp-content/uploads/2026/10/Sede-Samsung-bajo-luces-azules-тәш.webp");background-position:center left;background-size:cover;}.elementor-256 .elementor-element.elementor-element-3d358a9::before, .elementor-256 .elementor-element.elementor-element-3d358a9 > .elementor-background-video-container::before, .elementor-256 .elementor-element.elementor-element-3d358a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-256 .elementor-element.elementor-element-3d358a9 > .elementor-background-slideshow::before, .elementor-256 .elementor-element.elementor-element-3d358a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-256 .elementor-element.elementor-element-3d358a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#001434;--background-overlay:'';}.elementor-256 .elementor-element.elementor-element-eddf9c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-7ace947{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;}.elementor-256 .elementor-element.elementor-element-7ace947 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:600;color:#F6C654;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-5a04b7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;}.elementor-256 .elementor-element.elementor-element-98924c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-d634886{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-8140b2f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-256 .elementor-element.elementor-element-7a996db .elementor-button{background-color:transparent;fill:#01366D;color:#01366D;background-image:linear-gradient(360deg, #E0A728 51%, #F4E899 100%);border-radius:23px 23px 23px 23px;padding:12px 24px 12px 24px;}.elementor-256 .elementor-element.elementor-element-7a996db .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-256 .elementor-element.elementor-element-75d49d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-1fd1676 .elementor-button{background-color:#0285EF00;border-style:solid;border-width:2px 2px 2px 2px;border-radius:23px 23px 23px 23px;padding:12px 24px 12px 24px;}.elementor-256 .elementor-element.elementor-element-03c7ece{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-256 .elementor-element.elementor-element-36f7b06{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-wrapper{gap:15px;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-stacked .elementor-icon{background-color:#F3C95D;}.elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-framed .elementor-icon, .elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-default .elementor-icon{fill:#F3C95D;color:#F3C95D;border-color:#F3C95D;}.elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-a1a24d0.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon{font-size:36px;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-title, .elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:29px;font-weight:900;}.elementor-256 .elementor-element.elementor-element-a1a24d0:has(:hover) .elementor-icon-box-title,
					 .elementor-256 .elementor-element.elementor-element-a1a24d0:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-wrapper{gap:15px;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-stacked .elementor-icon{background-color:#F3C95D;}.elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-framed .elementor-icon, .elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-default .elementor-icon{fill:#F3C95D;color:#F3C95D;border-color:#F3C95D;}.elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-be623f0.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon{font-size:36px;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-title, .elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:29px;font-weight:900;}.elementor-256 .elementor-element.elementor-element-be623f0:has(:hover) .elementor-icon-box-title,
					 .elementor-256 .elementor-element.elementor-element-be623f0:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-wrapper{gap:15px;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-stacked .elementor-icon{background-color:#F3C95D;}.elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-framed .elementor-icon, .elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-default .elementor-icon{fill:#F3C95D;color:#F3C95D;border-color:#F3C95D;}.elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-256 .elementor-element.elementor-element-919ec39.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon{font-size:36px;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-title, .elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:29px;font-weight:900;}.elementor-256 .elementor-element.elementor-element-919ec39:has(:hover) .elementor-icon-box-title,
					 .elementor-256 .elementor-element.elementor-element-919ec39:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-cb06eff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-931d29f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-c616f3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-de4ab8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-8796efb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-256 .elementor-element.elementor-element-d634886{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-256 .elementor-element.elementor-element-36f7b06{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-256 .elementor-element.elementor-element-3d358a9{--content-width:1200px;}.elementor-256 .elementor-element.elementor-element-eddf9c5{--width:600px;}.elementor-256 .elementor-element.elementor-element-8140b2f{--width:40%;}.elementor-256 .elementor-element.elementor-element-75d49d2{--width:60%;}.elementor-256 .elementor-element.elementor-element-03c7ece{--width:500px;}.elementor-256 .elementor-element.elementor-element-cb06eff{--content-width:100%;}.elementor-256 .elementor-element.elementor-element-931d29f{--content-width:100%;}.elementor-256 .elementor-element.elementor-element-c616f3f{--content-width:100%;}.elementor-256 .elementor-element.elementor-element-de4ab8c{--content-width:100%;}.elementor-256 .elementor-element.elementor-element-8796efb{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-256 .elementor-element.elementor-element-3d358a9{--content-width:90%;}.elementor-256 .elementor-element.elementor-element-eddf9c5{--width:100%;}.elementor-256 .elementor-element.elementor-element-8140b2f{--width:100%;}.elementor-256 .elementor-element.elementor-element-75d49d2{--width:100%;}.elementor-256 .elementor-element.elementor-element-03c7ece{--width:100%;}}@media(max-width:767px){.elementor-256 .elementor-element.elementor-element-3d358a9{--content-width:90%;}.elementor-256 .elementor-element.elementor-element-36f7b06{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon{font-size:25px;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-title, .elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-title a{font-size:16px;}.elementor-256 .elementor-element.elementor-element-a1a24d0 .elementor-icon-box-description{font-size:14px;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon{font-size:25px;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-title, .elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-title a{font-size:16px;}.elementor-256 .elementor-element.elementor-element-be623f0 .elementor-icon-box-description{font-size:14px;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon{font-size:25px;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-title, .elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-title a{font-size:16px;}.elementor-256 .elementor-element.elementor-element-919ec39 .elementor-icon-box-description{font-size:14px;}}/* Start custom CSS */.subclass_Hero{
    color:white;
    font-size: 70px;
    font-weight: 900;
    line-height: 0.8;
}


/* ---------- 0. Variables y base ---------- */
:root{
  --gold:#f6c654;   /* títulos destacados e iconos */
  --navy:#0b2556;   /* azules fuertes */
  --muted:#4a5a78;
  --soft:#f4f7fc;
  --line:#dfe5f0;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--navy);background:#fff}
 
/* Contenedor: 1200px máx. · 90% del ancho en pantallas menores */
.container{width:90%;max-width:1200px;margin-inline:auto}
 
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.eyebrow::before{content:"";width:34px;height:5px;border-radius:3px;background:var(--gold)}
.port .eyebrow,.proc .eyebrow{color:#fff}
.cat .eyebrow,.sol .eyebrow{margin-bottom:10px}
 
/* Botones (la variante depende de la sección) */
.btn{display:inline-flex;align-items:center;font:700 .95rem/1 var(--font);text-decoration:none;border-radius:999px;border:2px solid var(--gold);transition:background .2s,color .2s}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
 
 
/* ---------- 1. Categorías de soluciones ---------- */
.cat{padding:64px 0}
.cat h2{margin:0 0 44px;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.cat h2 span{color:var(--gold)}
 
.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.cat-item{padding:8px 28px;text-align:center}
.cat-item + .cat-item{border-left:1px solid var(--line)}
.cat-icon{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;color:var(--gold)}
.cat-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cat-item h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}
.cat-item p{margin:0;font-size:.95rem;line-height:1.5;color:var(--muted)}
 
@media (max-width:1023px){
  .cat-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .cat-item:nth-child(odd){border-left:0}
}
@media (max-width:560px){
  .cat{padding:44px 0}
  .cat-grid{grid-template-columns:1fr}
  .cat-item{border-left:0!important;padding-inline:0}
  .cat-item + .cat-item{border-top:1px solid var(--line);padding-top:32px}
}
 
 
/* ---------- 2. Soluciones que hacen crecer tu marca ---------- */
.sol{padding:64px 0;background:linear-gradient(180deg,var(--soft),#fff)}
.sol-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:36px}
.sol h2{margin:0;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.sol h2 span{color:var(--gold)}
.sol-lead{margin:0;max-width:44ch;font-size:1.02rem;line-height:1.55;color:var(--navy)}
 
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sol-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 28px rgba(11,37,86,.10);transition:transform .2s ease,box-shadow .2s ease}
.sol-card:hover,.sol-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 34px rgba(11,37,86,.18)}
.sol-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
 
.sol-media{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#0b2556,#1b4a9c)}
.sol-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sol-badge{position:absolute;left:20px;bottom:-26px;z-index:2;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);border:4px solid #fff}
.sol-badge svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sol-play{position:absolute;inset:0;display:grid;place-items:center}
.sol-play span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(11,37,86,.55);border:2px solid #fff;color:#fff;backdrop-filter:blur(3px)}
.sol-play svg{width:24px;height:24px;fill:currentColor;margin-left:3px}
 
.sol-body{padding:38px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.sol-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sol-title h3{margin:0;font-size:1.25rem;font-weight:700}
.sol-arrow{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);transition:transform .2s ease}
.sol-card:hover .sol-arrow{transform:translateX(3px)}
.sol-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sol-body p{margin:0;font-size:.95rem;line-height:1.5;color:var(--muted)}
 
@media (max-width:1023px){
  .sol-head{grid-template-columns:1fr;gap:14px}
}
@media (max-width:820px){
  .sol{padding:44px 0}
  .sol-grid{grid-template-columns:1fr;gap:28px}
}
@media (prefers-reduced-motion:reduce){
  .sol-card,.sol-arrow{transition:none}
}
 
 
/* ---------- 3. Portafolio ---------- */
.port{padding:56px 0;color:#fff;background:radial-gradient(120% 140% at 20% 0%,#14346f 0%,var(--navy) 55%)}
.port-wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:center}
.port h2{margin:0 0 16px;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.port h2 span{display:block;color:var(--gold)}
.port-lead{margin:0 0 28px;font-size:1.1rem;line-height:1.5;color:rgba(255,255,255,.85);max-width:30ch}
 
.port .btn{gap:10px;padding:14px 26px;color:#fff;background:transparent}
.port .btn:hover,.port .btn:focus-visible{background:var(--gold);color:var(--navy)}
.port .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
.port-track{display:grid;grid-template-columns:1.9fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:400px}
.port-tile{position:relative;display:block;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#143a7f,#0b2556);border:1px solid rgba(255,255,255,.18)}
.port-tile:first-child{grid-row:1 / span 2}
.port-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.port-tile:hover img{transform:scale(1.04)}
.port-tile:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.port-tag{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;font-size:.78rem;font-weight:600;color:#fff;background:rgba(11,37,86,.78);backdrop-filter:blur(4px)}
.port-tag i{width:20px;height:20px;border-radius:50%;background:var(--gold)}
 
.port-nav{display:none;justify-content:flex-end;gap:8px;margin-top:14px}
.port-nav button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center}
.port-nav button:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.port-nav button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.port-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
 
@media (max-width:1023px){
  .port-wrap{grid-template-columns:1fr;gap:28px}
  .port-lead{max-width:none}
}
/* En móvil la galería es un carrusel con scroll horizontal */
@media (max-width:700px){
  .port{padding:44px 0}
  .port-track{display:flex;height:auto;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
  .port-track::-webkit-scrollbar{display:none}
  .port-tile,.port-tile:first-child{flex:0 0 82%;aspect-ratio:4/3;scroll-snap-align:start}
  .port-nav{display:flex}
}
@media (prefers-reduced-motion:reduce){
  .port-tile img{transition:none}
  .port-track{scroll-behavior:auto}
}
 
 
/* ---------- 4. Propuesta de servicios ---------- */
.prop{padding:64px 0;background:#fff}
.prop-wrap{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:36px;align-items:center}
.prop h2{margin:0 0 16px;font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.prop h2 span{display:block;color:var(--gold)}
.prop-lead{margin:0 0 26px;font-size:1.05rem;line-height:1.55;color:var(--muted)}
 
.prop .btn{gap:10px;padding:14px 26px;color:#fff;background:var(--navy);border-color:var(--navy)}
.prop .btn:hover,.prop .btn:focus-visible{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.prop .btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
 
.prop-cards{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:14px}
.prop-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:8px;box-shadow:0 8px 26px rgba(11,37,86,.12)}
.prop-media{flex:1;min-height:210px;display:grid;gap:6px;border-radius:8px;overflow:hidden}
.prop-media.collage{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.prop-media.stack{grid-template-rows:1fr 1fr}
.prop-media figure{position:relative;margin:0;background:linear-gradient(135deg,#143a7f,#0b2556);min-height:0}
.prop-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prop-card h3{margin:0;padding:12px 8px 6px;font-size:.95rem;line-height:1.2;font-weight:800;text-transform:uppercase}
 
.prop-list{list-style:none;margin:0;padding:22px 20px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--soft);border-radius:12px;box-shadow:0 8px 26px rgba(11,37,86,.08)}
.prop-list li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:600;line-height:1.3}
.prop-list svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
 
@media (max-width:1023px){
  .prop-wrap{grid-template-columns:1fr;gap:30px}
  .prop-cards{grid-template-columns:repeat(3,1fr)}
  .prop-list{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:12px 28px}
}
@media (max-width:700px){
  .prop{padding:44px 0}
  .prop-cards{grid-template-columns:1fr}
  .prop-media{min-height:220px}
  .prop-list{flex-direction:column}
}
 
 
/* ---------- 5. Proceso en video ---------- */
.proc{padding:56px 0;color:#fff;background:radial-gradient(110% 140% at 80% 0%,#14346f 0%,var(--navy) 60%)}
.proc-wrap{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr) minmax(0,250px);gap:36px;align-items:center}
.proc h2{margin:0 0 16px;font-size:clamp(2rem,4vw,2.9rem);line-height:1.05;font-weight:800;letter-spacing:-.02em}
.proc h2 span{color:var(--gold)}
.proc-lead{margin:0 0 26px;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.85)}
 
.proc .btn{gap:12px;padding:8px 28px 8px 8px;color:#fff;background:transparent;cursor:pointer}
.proc .btn i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy)}
.proc .btn i svg{width:16px;height:16px;fill:currentColor;stroke:none;margin-left:2px}
.proc .btn:hover,.proc .btn:focus-visible{background:var(--gold);color:var(--navy)}
.proc .btn:hover i,.proc .btn:focus-visible i{background:var(--navy);color:var(--gold)}
.proc .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 
.proc-video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#143a7f,#071a3f);box-shadow:0 18px 44px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}
.proc-video img,.proc-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proc-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;background:linear-gradient(0deg,rgba(11,37,86,.45),transparent 55%);cursor:pointer}
.proc-play span{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#fff;border:3px solid #fff;background:rgba(11,37,86,.5);backdrop-filter:blur(3px);transition:transform .2s,background .2s,color .2s}
.proc-play svg{width:34px;height:34px;fill:currentColor;margin-left:5px}
.proc-play:hover span,.proc-play:focus-visible span{transform:scale(1.07);background:var(--gold);border-color:var(--gold);color:var(--navy)}
.proc-play:focus-visible{outline:3px solid var(--gold);outline-offset:-6px}
 
.proc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px}
.proc-step{display:flex;align-items:center;gap:16px}
.proc-ico{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:2px solid rgba(246,198,84,.55);background:rgba(255,255,255,.06)}
.proc-ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.proc-step h3{margin:0 0 3px;font-size:1.05rem;font-weight:700}
.proc-step p{margin:0;font-size:.88rem;line-height:1.4;color:rgba(255,255,255,.78)}
 
@media (max-width:1023px){
  .proc-wrap{grid-template-columns:1fr;gap:30px}
  .proc-lead{max-width:52ch}
  .proc-video{order:2}
  .proc-steps{order:3;flex-direction:row;flex-wrap:wrap;gap:22px 32px}
  .proc-step{flex:1 1 20px}
}
@media (max-width:560px){
  .proc{padding:44px 0}
  .proc-steps{flex-direction:column}
  .proc-play span{width:68px;height:68px}
}
@media (prefers-reduced-motion:reduce){
  .proc-play span{transition:none}
}/* End custom CSS */