.products-index-hero{background:#080d26 url('productos-banner.jpg') center/cover no-repeat;min-height:clamp(250px,23.44vw,450px);display:flex;align-items:center;padding:45px 8.3%;color:#fff}
.products-index-hero>div{width:min(100%,650px)}
.products-index-hero h1{color:#fff;font-size:clamp(28px,2.6vw,46px);font-weight:800;text-transform:uppercase;line-height:1.1;margin:0 0 12px}
.products-index-hero hr{border:0;border-top:2px solid #fff;margin:0 0 24px;width:100%}
.products-index-hero p{font-size:clamp(16px,1.5vw,25px);line-height:1.35;max-width:510px;margin:0}
.products-index-groups{width:min(48%,920px);margin:60px auto 40px;display:grid;gap:44px}
.products-index-card{background:#f7f7fa;border-radius:30px;padding:50px 36px;min-height:380px}
.products-index-card h2{color:#0098ce;font-weight:800;font-size:clamp(18px,1.7vw,29px);text-transform:uppercase;margin:0 0 22px;line-height:1.3}
.products-index-card h2:after{content:"";display:block;width:62px;height:2px;background:#0098ce;margin-top:10px}
.products-index-card-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);align-items:center;gap:8px}
.products-index-card ul{list-style:none;padding:0 0 0 24px;margin:0;position:relative;z-index:1}
.products-index-card li{font-size:clamp(15px,1.35vw,22px);line-height:1.45;margin-bottom:10px}
.products-index-card a{color:inherit;text-decoration:none}
.products-index-card a:hover{color:#008dc6;text-decoration:underline}
.products-index-card a:focus-visible{outline:2px solid #0098ce;outline-offset:4px}
.products-index-card img{width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.18);transform-origin:center}
.products-index-card:nth-child(2) img{align-self:end}
.products-index-card:last-child{min-height:290px}
.products-index-catalog{background:linear-gradient(100deg,#0750ac,#407eba,#008dc4);color:#fff;padding:44px max(5%,24px);display:flex;gap:40px;justify-content:center;align-items:center}
.products-index-catalog h2{color:#fff;font-size:clamp(21px,2vw,32px);text-transform:uppercase;margin:0;font-weight:600}
.products-index-catalog p{margin:3px 0;font-size:16px;line-height:1.3}
.products-index-catalog .catalog-link{border:0;border-radius:5px;background:#fff;color:#175ca7;padding:17px 20px;font:inherit;font-size:14px;text-transform:uppercase}
.products-index-catalog .catalog-link span{margin-left:12px}
.products-index-catalog .catalog-pending{font-size:12px;margin-top:7px}
.products-index-footer footer{padding-top:85px}
@media(min-width:1400px){.products-index-card{padding:65px 55px;min-height:500px}.products-index-card img{height:390px}.products-index-groups{gap:65px;margin-top:85px;margin-bottom:60px}}
@media(max-width:800px){.products-index-groups{width:calc(100% - 40px);max-width:540px;margin-top:35px;gap:28px}.products-index-card{padding:30px 24px;min-height:320px}.products-index-catalog{flex-direction:column;align-items:flex-start;gap:20px}.products-index-hero>div{max-width:420px}.products-index-hero{padding:40px 24px}}
@media(max-width:420px){.products-index-card-body{grid-template-columns:1fr}.products-index-card ul{padding-left:8px}.products-index-card img{height:250px;transform:none}.products-index-card{padding:28px 22px}}

/* Product selection: three equal horizontal cards with the product floating on gray. */
.products-index-selection{width:auto;max-width:none;margin:56px max(4vw,24px) 64px}
.products-index-selection>h2{text-align:center;font-size:clamp(25px,2.4vw,38px);font-weight:700;line-height:1.2;color:#151515;margin:0 0 38px;text-transform:none}
.products-index-selection>h2:after{content:"";display:block;width:54px;height:3px;background:#0098ce;margin:18px auto 0}
.products-index-selection .products-index-groups{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.products-index-selection .products-index-card{min-height:660px;background:#eeeeef;border:1px solid #d5d7db;border-radius:12px;padding:30px 24px;overflow:hidden;color:#252a32;box-shadow:0 10px 24px rgba(4,34,73,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.products-index-selection .products-index-card:hover{transform:translateY(-5px);border-color:#29b6f2;box-shadow:0 17px 34px rgba(4,34,73,.28)}
.products-index-card h3{text-align:center;text-transform:uppercase;color:#008dc6;font-size:clamp(18px,1.65vw,26px);font-weight:800;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center;margin:0 0 18px}
.products-index-selection .products-index-card-body{display:flex;flex-direction:column;gap:0}
.products-index-photo{width:100%;aspect-ratio:1.22;position:relative;overflow:hidden;margin:0 0 20px}
.products-index-selection .products-index-photo img{position:absolute;width:auto;max-width:100%;height:auto;max-height:100%;left:50%;top:50%;object-fit:contain;transform:translate(-50%,-50%);mix-blend-mode:normal;filter:drop-shadow(0 15px 15px rgba(0,0,0,.35));transition:transform .3s ease}
.products-index-selection .products-index-card:hover .products-index-photo img{transform:translate(-50%,-50%)}
.products-index-selection .products-index-card:first-child .products-index-photo img{transform:translate(-50%,-50%)}
.products-index-selection .products-index-card:first-child:hover .products-index-photo img{transform:translate(-50%,-50%)}
.products-index-selection .products-index-card ul{width:100%;list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #d7dfeb}
.products-index-selection .products-index-card li{font-size:16px;line-height:1.45;margin:0}
.products-index-card li>a,.products-index-card li>span{display:block;padding:8px 22px 8px 2px;position:relative}
.products-index-card li>a:after{content:"›";position:absolute;right:3px;top:5px;font-size:23px;color:#24b8f3}
.products-index-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #dce2eb;background:#fafbfd;border-radius:9px;padding:24px 12px;margin-top:36px}
.products-index-benefits article{display:flex;align-items:center;gap:18px;padding:0 22px}
.products-index-benefits article+article{border-left:1px solid #d7dfeb}
.products-index-benefits img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.products-index-benefits h3{font-size:17px;line-height:1.3;color:#102143;font-weight:700;margin:0 0 6px}
.products-index-benefits p{font-size:14px;line-height:1.5;margin:0;color:#333}
@media(max-width:1000px){.products-index-selection .products-index-groups{gap:14px}.products-index-selection .products-index-card{padding:24px 16px}.products-index-benefits article{gap:12px;padding:0 12px}.products-index-benefits img{width:36px;height:36px}}
@media(max-width:720px){.products-index-selection{margin:36px 20px 40px}.products-index-selection .products-index-groups{grid-template-columns:1fr;gap:24px}.products-index-selection .products-index-card{padding:28px;min-height:0}.products-index-card h3{min-height:0;font-size:23px}.products-index-benefits{grid-template-columns:1fr;padding:8px 22px}.products-index-benefits article{padding:20px 0}.products-index-benefits article+article{border-left:0;border-top:1px solid #d7dfeb}.products-index-benefits img{width:48px;height:48px}}
/* Respuesta visual de cada opción enlazada en la página general de Productos. */
.products-index-card li>a{border-radius:5px;padding-left:10px;transition:background-color .2s ease,color .2s ease}
.products-index-card li>a:hover,.products-index-card li>a:focus-visible{background:#079bd7;color:#fff;text-decoration:none;outline:none}
.products-index-card li>a:hover:after,.products-index-card li>a:focus-visible:after{color:#fff}