/*
Theme Name: Storefront Child
Template: storefront
Version: 1.0
*/

/* ==================================================
HEADER INMEDITEC PREMIUM FINAL
================================================== */

.inmeditec-header{
width:100%;
background:#fff;
border-bottom:1px solid #edf2f7;
position:relative;
z-index:999;
}

.inmeditec-header-inner{
max-width:1380px;
margin:0 auto;
padding:10px 30px;
display:flex;
align-items:center;
gap:18px;
}

/* ==================================================
LOGO
================================================== */

.inmeditec-logo{
flex:0 0 auto;
padding-left:20px;
}

.inmeditec-logo img{
height:100px;
width:auto;
display:block;
}

/* ==================================================
MENU
================================================== */

.inmeditec-menu{
    flex:1;
}

.inmeditec-menu ul{
    display:flex;
    align-items:center;
    gap:34px;
    margin:0;
    padding:0;
    list-style:none;
}

.inmeditec-menu li{
    position:relative;
}

.inmeditec-menu a{
    text-decoration:none;
    color:#111827;
    font-size:16px;
    font-weight:700;
    position:relative;
    transition:.25s;
}

.inmeditec-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#00A8E9;
    border-radius:20px;
    transition:.25s;
}

.inmeditec-menu a:hover{
    color:#00A8E9;
}

.inmeditec-menu a:hover::after{
    width:100%;
}

/* ==================================================
CONTACTO
================================================== */

.inmeditec-menu li:last-child a{
background:linear-gradient(
135deg,
#00A8E9,
#0077b6
);
color:#fff;
padding:13px 24px;
border-radius:999px;
box-shadow:0 10px 20px rgba(0,168,233,.25);
}

.inmeditec-menu li:last-child a::after{
display:none;
}

.inmeditec-menu li:last-child a:hover{
color:#fff;
transform:scale(1.05);
box-shadow:0 14px 28px rgba(0,168,233,.35);
}

/* ==================================================
BUSCADOR AWS
================================================== */

.inmeditec-search{
    width:320px;
    flex:0 0 320px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    top:2px;
}

.inmeditec-search .aws-container{
    width:100%;
    display:flex;
    align-items:center;
}

.inmeditec-search .aws-search-form{
    position:relative !important;
    display:flex;
    align-items:center;
    margin:0 !important;
    width:100%;
}

.inmeditec-search .aws-wrapper{
    height:42px !important;
    border-radius:999px !important;
    border:1px solid #dbe4ee !important;
    background:#fff !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    width:100%;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.inmeditec-search .aws-search-field{
    height:48px !important;
    border:none !important;
    background:transparent !important;
    padding-left:18px !important;
    padding-right:55px !important;
    font-size:15px !important;
}

.inmeditec-search .aws-search-btn.aws-form-btn{
    position:absolute !important;
    right:5px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;
    background:#00A8E9 !important;
    border:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.inmeditec-search .aws-search-btn svg{
    width:40px !important;
    height:25px !important;
    display:block !important;
    margin:0 !important;
}

.inmeditec-search .aws-search-btn svg path{
    fill:#fff !important;
}

.inmeditec-search .aws-search-btn:hover{
    background:#0077b6 !important;
}

/* ==================================================
ICONOS DERECHA
================================================== */

.inmeditec-cart,
.inmeditec-account{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}

/* ==================================================
CARRITO
================================================== */

.inmeditec-cart a{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
color:#0077b6;
border-radius:50%;
transition:.25s;
text-decoration:none;
}

.inmeditec-cart svg{
width:30px;
height:30px;
stroke:currentColor;
}

.inmeditec-cart a:hover{
color:#e11d48;
background:#fff1f2;
transform:scale(1.08);
}

.inmeditec-cart-count{
position:absolute;
top:-3px;
right:-3px;
width:20px;
height:20px;
border-radius:50%;
background:#0077b6;
color:#fff;
font-size:11px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
}

.inmeditec-cart a:hover .inmeditec-cart-count{
background:#e11d48;
}

/* ==================================================
MI CUENTA
================================================== */

.inmeditec-account a{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
color:#0077b6;
border-radius:50%;
transition:.25s;
text-decoration:none;
}

.inmeditec-account svg{
width:34px;
height:34px;
fill:currentColor;
}

.inmeditec-account a:hover{
color:#e11d48;
background:#fff1f2;
transform:scale(1.08);
}

/* ==================================================
TOPBAR
================================================== */

.inmeditec-topbar{
background:#4e97d1;
}

.inmeditec-topbar-inner{
max-width:1380px;
margin:0 auto;
padding:8px 24px;
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
color:#fff;
font-size:14px;
font-weight:600;
}

/* ==================================================
MENU HAMBURGUESA RESPONSIVE
================================================== */

/* OCULTO EN PC */

.inmeditec-mobile-toggle{
display;
background;
border;
padding:0;
margin:0;
cursor;
color:#0077b6;
box-shadow;
outline;
}

.inmeditec-mobile-toggle svg{
width:34px;
height:34px;
display;
}

/* ==================================================
TABLET
================================================== */

@media (max-width:1024px){

.inmeditec-header-inner{
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.inmeditec-logo{
    padding-left:0;
}

.inmeditec-logo img{
    height:85px;
}

.inmeditec-menu{
    width:100%;
    order:2;
}

.inmeditec-menu ul{
    justify-content:center;
    flex-wrap:wrap;
    gap:24px;
}

.inmeditec-search{
    width:420px;
    flex:0 0 420px;
    top:0;
}

.inmeditec-topbar-inner{
    gap:20px;
    font-size:13px;
}

}

/* ==================================================
MOVIL HAMBURGUESA
================================================== */

@media (max-width:768px){

.inmeditec-header-inner{

    display:grid;

    grid-template-columns:
    1fr auto auto;

    grid-template-areas:
    "logo cart account"
    "search search search"
    "hamburger hamburger hamburger";

    gap:15px;

    padding:15px;
}

/* LOGO */

.inmeditec-logo{
    grid-area:logo;
    padding-left:0;
}

.inmeditec-logo img{
    height:70px;
    margin:auto;
}

/* BUSCADOR */

.inmeditec-search{
    grid-area:search;
    width:100%;
    max-width:100%;
    flex:none;
    top:0;
}

/* ICONOS */

.inmeditec-cart{
    grid-area:cart;
}

.inmeditec-account{
    grid-area:account;
}

/* BOTON HAMBURGUESA */

.inmeditec-mobile-toggle{

    display:flex;

    align-items:center;
    justify-content:center;

    grid-area:hamburger;

    margin:auto;

    color:#0077b6;
}

.inmeditec-mobile-toggle:hover{
    color:#e11d48;
}

/* MENU OCULTO */

.inmeditec-menu{

    display:none;

    width:100%;

    grid-column:1 / -1;
}

.inmeditec-menu.active{

    display:block;

    animation:inmeditecMenu .25s ease;
}

.inmeditec-menu ul{

    flex-direction:column;

    align-items:center;

    gap:18px;

    padding-top:20px;
}

.inmeditec-menu a{

    font-size:15px;
}

.inmeditec-menu li:last-child a{

    padding:12px 20px;
}

/* TOPBAR */

.inmeditec-topbar-inner{

    flex-direction:column;

    gap:6px;

    font-size:12px;

    text-align:center;
}

}

/* ==================================================
MOVIL PEQUEÑO
================================================== */

@media (max-width:480px){

.inmeditec-logo img{
    height:60px;
}

.inmeditec-menu a{
    font-size:14px;
}

.inmeditec-cart a,
.inmeditec-account a{
    width:42px;
    height:42px;
}

}

/* ==================================================
ANIMACION MENU
================================================== */

@keyframes inmeditecMenu{

from{
    opacity:0;
    transform:translateY(-10px);
}

to{
    opacity:1;
    transform:translateY(0);
}

}
/* =====================================
FORZAR OCULTAR HAMBURGUESA EN PC
===================================== */

.inmeditec-mobile-toggle{
    display:none !important;
}

/* SOLO MOVIL */

@media (max-width:768px){

    .inmeditec-mobile-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;
    }

}

/* =====================================================
FOOTER PREMIUM FULL WIDTH
===================================================== */

.enterprise-footer{

    width:100vw;

    margin:0px;

    background:
    linear-gradient(
    180deg,
    #07131d 0%,
    #0b1c29 100%
    );

    color:#ffffff;

    overflow:hidden;
}

/* =====================================================
CONTENEDOR FULL WIDTH
===================================================== */

.enterprise-footer-container{

    width:100%;

    max-width:100%;

    margin:0;

    padding:38px 55px 24px;

    display:grid;

    grid-template-columns:
    1.6fr
    1fr
    1fr
    .8fr;

    gap:30px;

    align-items:flex-start;

    box-sizing:border-box;
}

/* =====================================================
LOGO
===================================================== */

.enterprise-footer-column h3{

    font-size:26px;

    font-weight:800;

    margin:0 0 6px;

    color:#ffffff;

    letter-spacing:2.5px;
}

/* =====================================================
SUBTITULO
===================================================== */

.enterprise-footer-subtitle{

    display:block;

    font-size:17px;

    font-weight:700;

    letter-spacing:2px;

    color:#00A8E9;

    margin-bottom:14px;
}

/* =====================================================
SUBTITULOS
===================================================== */

.enterprise-footer-column h4{

    font-size:15px;

    font-weight:700;

    margin-bottom:14px;

    color:#ffffff;
}

/* =====================================================
TEXTOS
===================================================== */

.enterprise-footer-column p{

    color:#ffffff;

    line-height:1.7;

    font-size:14px;

    max-width:300px;

    margin:0;
}

/* =====================================================
LISTAS
===================================================== */

.enterprise-footer-column ul{

    list-style:none;

    padding:0;

    margin:0;
}

.enterprise-footer-column ul li{

    margin-bottom:10px;

    color:#ffffff;

    font-size:14px;

    line-height:1.5;
}

/* =====================================================
LINKS
===================================================== */

.enterprise-footer-column ul li a{

    color:#ffffff;

    text-decoration:none;

    transition:
    all .25s ease;
}

.enterprise-footer-column ul li a:hover{

    color:#00A8E9;

    padding-left:3px;
}

/* =====================================================
ICONOS REDES SOCIALES COLORES REALES
REEMPLAZA SOLO ESTA PARTE
===================================================== */

.enterprise-footer-social{

    display:flex;

    gap:10px;

    flex-wrap:wrap;
}

.enterprise-footer-social a{

    width:50px;

    height:50px;

    border-radius:15px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#ffffff;

    transition:
    all .25s ease;
}

/* =====================================================
FACEBOOK
===================================================== */

.enterprise-footer-social a:nth-child(1){

    background:#1877F2;
}

/* =====================================================
INSTAGRAM
===================================================== */

.enterprise-footer-social a:nth-child(2){

    background:
    linear-gradient(
    135deg,
    #F58529,
    #DD2A7B,
    #8134AF,
    #515BD4
    );
}

/* =====================================================
WHATSAPP
===================================================== */

.enterprise-footer-social a:nth-child(3){

    background:#25D366;
}

/* =====================================================
SVG
===================================================== */

.enterprise-footer-social a svg{

    width:35px;

    height:35px;
}

/* =====================================================
HOVER
===================================================== */

.enterprise-footer-social a:hover{

    transform:
    translateY(-4px)
    scale(1.06);

    box-shadow:
    0 12px 28px rgba(0,0,0,.20);
}

/* =====================================================
COPYRIGHT
===================================================== */

.enterprise-footer-bottom{

    width:100%;

    border-top:
    1px solid rgba(255,255,255,.4);

    text-align:center;

    padding:16px;

    font-size:12px;

    color:#ffffff;

    box-sizing:border-box;
}

/* =====================================================
TABLET
===================================================== */

@media (max-width:1024px){

.enterprise-footer-container{

    grid-template-columns:
    1fr
    1fr;

    gap:40px;

    padding:40px 30px;
}

.enterprise-footer-column:first-child{

    grid-column:1 / -1;

    text-align:center;
}

.enterprise-footer-column:first-child p{

    max-width:600px;

    margin:auto;
}

.enterprise-footer-social{

    justify-content:flex-start;
}

}

/* =====================================================
MOVIL
===================================================== */

@media (max-width:768px){

.enterprise-footer-container{

    grid-template-columns:1fr;

    gap:35px;

    padding:35px 20px;

    text-align:center;
}

.enterprise-footer-column{

    width:100%;
}

.enterprise-footer-column h3{

    font-size:24px;
}

.enterprise-footer-subtitle{

    font-size:15px;

    letter-spacing:1px;
}

.enterprise-footer-column p{

    max-width:100%;

    margin:auto;
}

.enterprise-footer-column ul li{

    font-size:14px;
}

.enterprise-footer-social{

    justify-content:center;

    gap:12px;
}

.enterprise-footer-social a{

    width:48px;

    height:48px;

    border-radius:14px;
}

.enterprise-footer-social a svg{

    width:28px;

    height:28px;
}

.enterprise-footer-bottom{

    padding:14px 20px;

    font-size:11px;

    line-height:1.5;
}

}

/* =====================================================
MOVILES PEQUEÑOS
===================================================== */

@media (max-width:480px){

.enterprise-footer-container{

    padding:30px 15px;
}

.enterprise-footer-column h3{

    font-size:22px;
}

.enterprise-footer-subtitle{

    font-size:13px;
}

.enterprise-footer-column p,
.enterprise-footer-column ul li{

    font-size:13px;
}

.enterprise-footer-social a{

    width:44px;

    height:44px;
}

.enterprise-footer-social a svg{

    width:24px;

    height:24px;
}

}
/* Ocultar título de la página Inicio */

.home .entry-header{
    display:none;
}

/* ==================================================
HERO PRINCIPAL INMEDITEC
================================================== */

.inmeditec-hero{

    padding:2px 20px 15px;

    background:#ffffff;
}

.inmeditec-hero-inner{

    max-width:1150px;

    margin:auto;

    background:#f4f8fc;

    border-radius:26px;

    padding:20px 40px 0px;

    display:grid;

    grid-template-columns:
    1.1fr
    .9fr;

    gap:45px;

    align-items:center;
}

/* ==================================================
CONTENIDO
================================================== */

.inmeditec-hero-label{

    display:block;

    color:#0b7fc2;

    font-size:20px;

    font-weight:800;

    letter-spacing:2px;

    margin-bottom:18px;
}

.inmeditec-hero-content h1{

    margin:0;

    color:#07142b;

    font-size:45px;

    font-weight:900;

    line-height:1.02;

    letter-spacing:1px;
}

.inmeditec-hero-content p{

    margin-top:24px;

    max-width:900px;

    color:#001178;

    font-size:16px;

    line-height:1.3;
}

/* ==================================================
IMAGEN
================================================== */

.inmeditec-hero-right img{

    width:100%;

    height:170px;

    object-fit:cover;

    border-radius:28px;

    display:block;
}

/* ==================================================
BOTONES
================================================== */

.inmeditec-hero-buttons{

    margin-top:35px;

    display:flex;

    gap:18px;

    justify-content:center;
}

.hero-btn-primary{

    background:
    linear-gradient(
    135deg,
    #00A8E9,
    #0077b6
    );

    color:#fff;

    text-decoration:none;

    padding:12px 24px;

    border-radius:999px;

    font-weight:700;

    box-shadow:
    0 10px 25px rgba(0,168,233,.25);

    transition:.25s;
}

.hero-btn-primary:hover{

    transform:translateY(-2px);

    color:#fff;
}

.hero-btn-secondary{

    background:#fff;

    color:#0b7fc2;

    text-decoration:none;

    padding:12px 24px;

    border-radius:999px;

    border:2px solid #0b7fc2;

    font-weight:700;

    transition:.25s;
}

.hero-btn-secondary:hover{

    background:#0b7fc2;

    color:#fff;
}
/* ==================================================
TABLET
================================================== */

@media (max-width:1024px){

    .inmeditec-hero{

        padding:8px 15px 15px;
    }

    .inmeditec-hero-inner{

        grid-template-columns:1fr;

        gap:25px;

        padding:25px;
    }

    .inmeditec-hero-content{

        text-align:center;
    }

    .inmeditec-hero-label{

        font-size:18px;

        margin-bottom:12px;
    }

    .inmeditec-hero-content h1{

        font-size:38px;

        line-height:1.05;
    }

    .inmeditec-hero-content p{

        max-width:100%;

        margin-top:18px;

        font-size:15px;
    }

    .inmeditec-hero-right{

        display:flex;

        flex-direction:column;

        align-items:center;
    }

    .inmeditec-hero-right img{

        max-width:700px;

        height:190px;
    }

    .inmeditec-hero-buttons{

        margin-top:20px;

        justify-content:center;
    }

}

/* ==================================================
MOVIL
================================================== */

@media (max-width:767px){

    .inmeditec-hero{

        padding:5px 10px 12px;
    }

    .inmeditec-hero-inner{

        grid-template-columns:1fr;

        gap:20px;

        padding:18px;
    }

    .inmeditec-hero-content{

        text-align:center;
    }

    .inmeditec-hero-label{

        font-size:14px;

        letter-spacing:1px;

        margin-bottom:10px;
    }

    .inmeditec-hero-content h1{

        font-size:30px;

        line-height:1.08;

        letter-spacing:0;
    }

    .inmeditec-hero-content p{

        font-size:14px;

        line-height:1.5;

        margin-top:14px;
    }

    .inmeditec-hero-right img{

        width:100%;

        height:140px;

        border-radius:18px;
    }

    .inmeditec-hero-buttons{

        margin-top:16px;

        flex-direction:column;

        gap:12px;

        width:100%;
    }

    .hero-btn-primary,
    .hero-btn-secondary{

        width:100%;

        text-align:center;

        padding:12px 18px;

        box-sizing:border-box;
    }

}
/* ==================================================
MOVIL PEQUEÑO
================================================== */

@media (max-width:480px){

    .inmeditec-hero{

        padding:4px 8px 10px;
    }

    .inmeditec-hero-inner{

        padding:15px;

        border-radius:18px;

        gap:15px;
    }

    .inmeditec-hero-label{

        font-size:12px;

        letter-spacing:1px;

        margin-bottom:8px;
    }

    .inmeditec-hero-content h1{

        font-size:24px;

        line-height:1.10;

        letter-spacing:0;
    }

    .inmeditec-hero-content p{

        font-size:13px;

        line-height:1.5;

        margin-top:10px;
    }

    .inmeditec-hero-right img{

        height:120px;

        border-radius:14px;
    }

    .inmeditec-hero-buttons{

        margin-top:12px;

        gap:10px;
    }

    .hero-btn-primary,
    .hero-btn-secondary{

        width:100%;

        padding:11px 15px;

        font-size:13px;
    }

}

/* ==================================================
CTA SECUNDARIO
================================================== */

.inmeditec-cta{

    padding:20px 20px 15px;
}

.inmeditec-cta-inner{

    max-width:1150px;

    margin:auto;

    background:
    linear-gradient(
    90deg,
    #0f87c9 0%,
    #14a7ea 100%
    );

    border-radius:28px;

    padding:18px 40px 18px;

    text-align:center;
}

.inmeditec-cta-inner h2{

    margin:0 0 10px;

    color:#ffffff;

    font-size:34px;

    font-weight:800;

    line-height:1.1;
	
	letter-spacing:2px;
}

.inmeditec-cta-inner p{

    margin:0;

    color:#ffffff;

    font-size:16px;

    font-weight:600;
	
	letter-spacing:1px;

}

.inmeditec-cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:22px;

    padding:10px 30px;

    background:#ffffff;

    color:#0b7fc2;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    border-radius:999px;

    transition:.25s ease;

    box-shadow:
    0 8px 18px rgba(0,0,0,.10);
}

.inmeditec-cta-btn:hover{

    transform:translateY(-2px);

    color:#0b7fc2;

    box-shadow:
    0 12px 24px rgba(0,0,0,.15);
}
/* ==================================================
CTA TABLET
================================================== */

@media (max-width:1024px){

    .inmeditec-cta{

        padding:15px;
    }

    .inmeditec-cta-inner{

        padding:20px 25px;
    }

    .inmeditec-cta-inner h2{

        font-size:28px;

        letter-spacing:1px;
    }

    .inmeditec-cta-inner p{

        font-size:15px;

        letter-spacing:.5px;
    }

    .inmeditec-cta-btn{

        margin-top:18px;

        padding:10px 26px;
    }

}
/* ==================================================
CTA TABLET
================================================== */

@media (max-width:1024px){

    .inmeditec-cta{

        padding:15px;
    }

    .inmeditec-cta-inner{

        padding:20px 25px;
    }

    .inmeditec-cta-inner h2{

        font-size:28px;

        letter-spacing:1px;
    }

    .inmeditec-cta-inner p{

        font-size:15px;

        letter-spacing:.5px;
    }

    .inmeditec-cta-btn{

        margin-top:18px;

        padding:10px 26px;
    }

}
/* ==================================================
CTA MOVIL
================================================== */

@media (max-width:767px){

    .inmeditec-cta{

        padding:10px;
    }

    .inmeditec-cta-inner{

        padding:18px 16px;

        border-radius:22px;
    }

    .inmeditec-cta-inner h2{

        font-size:22px;

        line-height:1.2;

        letter-spacing:.5px;
    }

    .inmeditec-cta-inner p{

        font-size:14px;

        line-height:1.5;

        letter-spacing:0;
    }

    .inmeditec-cta-btn{

        width:100%;

        margin-top:16px;

        padding:12px 20px;

        font-size:14px;
    }

}

/* ==================================================
CTA SERVICIO TECNICO
================================================== */

.inmeditec-service-cta{

    padding:15px 20px 15px;
}

.inmeditec-service-cta-inner{

    max-width:1150px;

    margin:auto;

    background:
    linear-gradient(
        180deg,
        #08345b 0%,
        #0c83c7 80%
    );

    border-radius:28px;

    padding:22px 40px 18px;

    text-align:center;
}

.inmeditec-service-cta-inner h2{

    margin:0 0 10px;

    color:#fff;

    font-size:36px;

    font-weight:800;

    letter-spacing:1px;

    line-height:1.1;
}

.inmeditec-service-cta-inner p{

    margin:0;

    color:#ffffff;

    font-size:16px;

    font-weight:600;

    line-height:1.5;
}

.inmeditec-service-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    margin-top:22px;
}

/* BOTON AZUL */

.service-btn-primary{

    background:#08345b;

    color:#fff;

    text-decoration:none;

    padding:12px 30px;

    border-radius:999px;

    font-size:15px;

    font-weight:700;

    transition:.25s;

    box-shadow:
    0 10px 25px rgba(0,168,233,.25);
}

.service-btn-primary:hover{

    color:#fff;

    transform:translateY(-2px);
}

/* BOTON BLANCO */

.service-btn-secondary{

    background:#fff;

    color:#08345b;

    text-decoration:none;

    padding:12px 30px;

    border-radius:999px;

    font-size:15px;

    font-weight:700;

    transition:.25s;
}

.service-btn-secondary:hover{

    background:#f5f5f5;

    color:#08345b;

    transform:translateY(-2px);
}
/* ==================================================
SERVICIO TECNICO TABLET
================================================== */

@media (max-width:1024px){

    .inmeditec-service-cta{

        padding:12px 15px;
    }

    .inmeditec-service-cta-inner{

        padding:20px 28px 18px;

        border-radius:24px;
    }

    .inmeditec-service-cta-inner h2{

        font-size:30px;

        line-height:1.15;
    }

    .inmeditec-service-cta-inner p{

        font-size:15px;
    }

    .inmeditec-service-buttons{

        gap:14px;
    }

}
/* ==================================================
SERVICIO TECNICO MOVIL
================================================== */

@media (max-width:767px){

    .inmeditec-service-cta{

        padding:10px;
    }

    .inmeditec-service-cta-inner{

        padding:18px 18px 16px;

        border-radius:22px;
    }

    .inmeditec-service-cta-inner h2{

        font-size:24px;

        line-height:1.2;

        margin-bottom:12px;
    }

    .inmeditec-service-cta-inner p{

        font-size:14px;

        line-height:1.5;
    }

    .inmeditec-service-buttons{

        margin-top:18px;

        flex-direction:column;

        align-items:center;

        gap:12px;
    }

    .service-btn-primary,
    .service-btn-secondary{

        width:100%;

        max-width:320px;

        text-align:center;

        padding:12px 22px;
    }

}
/* ==================================================
SERVICIO TECNICO MOVIL PEQUEÑO
================================================== */

@media (max-width:480px){

    .inmeditec-service-cta{

        padding:8px;
    }

    .inmeditec-service-cta-inner{

        padding:16px 14px 14px;

        border-radius:18px;
    }

    .inmeditec-service-cta-inner h2{

        font-size:20px;

        line-height:1.2;

        letter-spacing:0;
    }

    .inmeditec-service-cta-inner p{

        font-size:13px;

        line-height:1.4;
    }

    .service-btn-primary,
    .service-btn-secondary{

        width:100%;

        max-width:none;

        padding:11px 18px;

        font-size:13px;
    }

}

/* ==================================================
INMEDITEC PRODUCTS PREMIUM PRO
================================================== */

.inmeditec-products-container{

    max-width:1150px;

    margin:20px auto;

    padding:0 20px;
}

.inmeditec-products-container h2{

    text-align:center;

    font-size:34px;

    font-weight:800;

    color:#07142b;

    margin-bottom:35px;

    line-height:1.15;
}

/* ==================================================
CORRECCION DEFINITIVA STOREFRONT
================================================== */

.inmeditec-products-container .woocommerce ul.products{

    display:flex !important;

    flex-wrap:nowrap !important;

    gap:24px !important;

    margin:0 !important;

    padding:0 !important;
}

.inmeditec-products-container .woocommerce ul.products li.product{

    flex:1 1 0 !important;

    width:auto !important;

    max-width:none !important;

    float:none !important;

    clear:none !important;

    margin:0 !important;

    list-style:none !important;
}

/* ==================================================
ANULA STOREFRONT
================================================== */

.inmeditec-products-container .woocommerce ul.products li.first,
.inmeditec-products-container .woocommerce ul.products li.last{

    clear:none !important;

    margin-right:0 !important;
}

/* ==================================================
TARJETA
================================================== */

.inmeditec-products-container li.product{

    background:#ffffff;

    border-radius:22px;

    padding:18px;

    display:flex !important;

    flex-direction:column;

    box-shadow:
    0 6px 20px rgba(0,0,0,.06);

    transition:.30s ease;

    overflow:hidden;

    min-height:100%;
}

.inmeditec-products-container li.product:hover{

    transform:translateY(-6px);

    box-shadow:
    0 18px 35px rgba(0,0,0,.12);
}

/* ==================================================
IMAGEN
================================================== */

.inmeditec-products-container li.product img{

    width:100%;

    aspect-ratio:1/1;

    object-fit:cover;

    border-radius:16px;

    margin-bottom:16px;
}

/* ==================================================
TITULO
================================================== */

.inmeditec-products-container .woocommerce-loop-product__title{

    font-size:16px !important;

    font-weight:700 !important;

    color:#07142b !important;

    line-height:1.35 !important;

    min-height:50px;

    margin-bottom:12px !important;
}

/* ==================================================
PRECIO
================================================== */

.inmeditec-products-container .price{

    font-size:22px !important;

    font-weight:800 !important;

    color:#00A8E9 !important;

    margin-bottom:18px !important;
}

/* ==================================================
BOTON
================================================== */

.inmeditec-products-container .button{

    margin-top:auto !important;

    width:100%;

    background:
    linear-gradient(
    135deg,
    #00A8E9,
    #0077b6
    ) !important;

    color:#fff !important;

    border:none !important;

    border-radius:999px !important;

    padding:12px 18px !important;

    font-size:14px !important;

    font-weight:700 !important;

    text-align:center !important;

    transition:.25s ease !important;
}

.inmeditec-products-container .button:hover{

    transform:translateY(-2px);

    background:
    linear-gradient(
    135deg,
    #0097d3,
    #005e91
    ) !important;
}

/* ==================================================
BOTON VER TIENDA
================================================== */

.inmeditec-products-footer{

    text-align:center;

    margin-top:35px;
}

.view-store-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:13px 34px;

    border-radius:999px;

    background:#08345b;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.25s;
}

.view-store-btn:hover{

    color:#fff;

    transform:translateY(-2px);

    background:#062844;
}

/* ==========================================
TABLET PREMIUM COMPACTA
========================================== */

@media screen and (max-width:1024px){

.inmeditec-products-container{

    max-width:100% !important;

    padding:0 10px !important;
}

.inmeditec-products-container .woocommerce ul.products{

    display:flex !important;

    flex-wrap:nowrap !important;

    gap:10px !important;
}

/* TARJETAS */

.inmeditec-products-container .woocommerce ul.products li.product{

    flex:0 0 calc(25% - 8px) !important;

    width:calc(25% - 8px) !important;

    max-width:calc(25% - 8px) !important;

    min-width:0 !important;

    margin:0 !important;

    float:none !important;

    clear:none !important;

    padding:10px !important;

    border-radius:14px !important;

    box-sizing:border-box !important;
}

/* IMAGEN */

.inmeditec-products-container li.product img{

    width:100% !important;

    height:75px !important;

    object-fit:contain !important;

    margin-bottom:8px !important;
}

/* TITULO */

.inmeditec-products-container .woocommerce-loop-product__title{

    font-size:12px !important;

    line-height:1.25 !important;

    min-height:40px !important;

    margin-bottom:6px !important;
}

/* PRECIO */

.inmeditec-products-container .price{

    font-size:15px !important;

    margin-bottom:8px !important;
}

/* BOTON */

.inmeditec-products-container .button{

    width:100% !important;

    padding:7px 4px !important;

    font-size:11px !important;

    line-height:1.2 !important;
}

/* TITULO */

.inmeditec-products-container h2{

    font-size:28px !important;

    margin-bottom:20px !important;
}

}
/* ==========================================
MOVIL PREMIUM CARRUSEL
========================================== */

@media screen and (max-width:700px){

/* CONTENEDOR */

.inmeditec-products-container{
    position:relative;
}

/* WOOCOMMERCE */

.inmeditec-products-container .woocommerce{
    overflow:hidden !important;
}

/* CARRUSEL */

.inmeditec-products-container .woocommerce ul.products{

    display:flex !important;

    flex-wrap:nowrap !important;

    overflow-x:auto !important;

    overflow-y:hidden !important;

    gap:12px !important;

    padding:0 50px 12px 50px !important;

    margin:0 !important;

    scroll-snap-type:x mandatory !important;

    scroll-behavior:smooth !important;

    -webkit-overflow-scrolling:touch !important;

    scrollbar-width:none !important;
}

.inmeditec-products-container .woocommerce ul.products::-webkit-scrollbar{
    display:none;
}

/* TARJETAS */

.inmeditec-products-container .woocommerce ul.products li.product{

    flex:0 0 180px !important;

    width:180px !important;

    min-width:180px !important;

    max-width:180px !important;

    margin:0 !important;

    float:none !important;

    clear:none !important;

    scroll-snap-align:start !important;
}

/* ==========================================
FLECHAS PREMIUM
========================================== */

.inmeditec-carousel-nav{

    display:block !important;
}

/* IZQUIERDA */

.inmeditec-prev{

    position:absolute;

    left:5px;

    top:55%;

    transform:translateY(-45%);

    z-index:100;
}

/* DERECHA */

.inmeditec-next{

    position:absolute;

    right:7px;

    top:55%;

    transform:translateY(-45%);

    z-index:100;
}

/* ESTILO */

.inmeditec-carousel-nav button{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.95);

    color:#08345b;

    font-size:16px;

    font-weight:900;

    cursor:pointer;

    box-shadow:
    0 4px 12px rgba(0,0,0,.18);

    transition:.25s ease;
}

/* HOVER */

.inmeditec-carousel-nav button:hover{

    background:#00A8E9;

    color:#FFFFFF;
}

/* CLICK */

.inmeditec-carousel-nav button:active{

    transform:translateY(-50%) scale(.95);
}

}

/* ==========================================
OCULTAR FLECHAS EN TABLET Y PC
========================================== */

@media screen and (min-width:701px){

.inmeditec-carousel-nav{
    display:none !important;
}

}

/* ==========================================
EXPERIENCIAS Y RESULTADOS PC
========================================== */

.inmeditec-results-gallery{

max-width:1200px;

margin:25px auto;

padding:0 20px;

position:relative;

}

.inmeditec-results-gallery h2{

text-align:center;

font-size:34px;

font-weight:800;

color:#07142b;

margin-bottom:35px;

}

.gallery-wrapper{

overflow:hidden;

}

.gallery-track{

display:flex;

gap:20px;

transition:transform .5s ease;

}

.gallery-track a{

flex:0 0 calc(25% - 15px);

display:block;

}

.gallery-track img{

width:100%;

height:260px;

object-fit:cover;

border-radius:18px;

box-shadow:
0 5px 18px rgba(0,0,0,.08);

transition:.3s;

cursor:zoom-in;

user-select:none;

-webkit-user-drag:none;

}

.gallery-track img{

transform:scale(1.04);

box-shadow:
0 10px 28px rgba(0,0,0,.15);

}

.gallery-arrow{

position:absolute;

top:58%;

transform:translateY(-50%);

width:48px;

height:48px;

border:none;

border-radius:50%;

background:rgba(255,255,255,.95);

backdrop-filter:blur(8px);

box-shadow:
0 4px 15px rgba(0,0,0,.15);

cursor:pointer;

z-index:10;

font-size:20px;

color:#08345b;

transition:.25s ease;

}

.gallery-arrow{

transform:translateY(-50%) scale(1.08);

box-shadow:
0 8px 20px rgba(0,0,0,.20);

}

.gallery-prev{

left:-10px;

}

.gallery-next{

right:-10px;

}

/* ==========================================
TABLET
3 IMAGENES VISIBLES
========================================== */

@media screen and (min-width:701px) and (max-width:1024px){

.gallery-track a{

flex:0 0 calc(33.333% - 14px);

}

.gallery-track img{

height:220px;

}

}

/* ==========================================
MOVIL
2 IMAGENES VISIBLES
========================================== */

@media screen and (max-width:700px){

.gallery-track{

gap:12px;

}

.gallery-track a{

flex:0 0 calc(50% - 6px);

}

.gallery-track img{

height:180px;

}

.gallery-arrow{

display:none;

}

}

/* ==========================================
FORMULARIO OPINIONES INMEDITEC
========================================== */

.inmeditec-review-form{

    max-width:800px;

    margin:40px auto;

    padding:35px;

    background:#fff;

    border-radius:24px;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

}

.review-field{

    margin-bottom:20px;

}

.review-field label{

    display:block;

    margin-bottom:8px;

    font-size:15px;

    font-weight:700;

    color:#07142b;

}

.review-field input,
.review-field select,
.review-field textarea{

    width:100%;

    padding:14px 16px;

    border:1px solid #d9e2ec;

    border-radius:14px;

    font-size:15px;

    background:#fff;

    transition:.25s ease;

    box-sizing:border-box;

}

.review-field input:focus,
.review-field select:focus,
.review-field textarea:focus{

    outline:none;

    border-color:#00A8E9;

    box-shadow:
    0 0 0 4px rgba(0,168,233,.12);

}

.review-field textarea{

    resize:vertical;

    min-height:160px;

}

.inmeditec-review-btn{

    width:100%;

    border:none;

    border-radius:999px;

    padding:16px;

    cursor:pointer;

    font-size:16px;

    font-weight:700;

    color:#fff;

    background:
    linear-gradient(
    135deg,
    #00A8E9,
    #0077b6
    );

    transition:.25s ease;

}

.inmeditec-review-btn:hover{

    transform:translateY(-2px);

    background:
    linear-gradient(
    135deg,
    #0097d3,
    #005e91
    );

}

.inmeditec-review-success{

    max-width:800px;

    margin:25px auto;

    padding:18px 24px;

    border-radius:14px;

    background:#eaf9ef;

    border:1px solid #b8e3c2;

    color:#13653a;

    font-weight:600;

    text-align:center;

}

/* ==========================================
TABLET
========================================== */

@media screen and (max-width:1024px){

    .inmeditec-review-form{

        padding:28px;

    }

}

/* ==========================================
MOVIL
========================================== */

@media screen and (max-width:700px){

    .inmeditec-review-form{

        margin:25px auto;

        padding:20px;

        border-radius:18px;

    }

    .review-field input,
    .review-field select,
    .review-field textarea{

        padding:12px;

        font-size:14px;

    }

    .inmeditec-review-btn{

        padding:14px;

        font-size:15px;

    }

}

/* ==========================================
OCULTAR TITULO PAGINA OPINIONES
========================================== */

.page-id-82 .entry-title{

    display:none !important;

}

/* ==========================================
ENCABEZADO OPINIONES
========================================== */

.inmeditec-review-header{

    max-width:800px;

    margin:30px auto 25px;

    text-align:center;

}

.inmeditec-review-header h1{

    font-size:36px;

    font-weight:800;

    color:#07142b;

    margin-bottom:12px;

}

.inmeditec-review-header p{

    font-size:16px;

    color:#5c6773;

    line-height:1.7;

    margin:0;

}

/* TABLET */

@media screen and (max-width:1024px){

    .inmeditec-review-header h1{

        font-size:30px;

    }

}

/* MOVIL */

@media screen and (max-width:700px){

    .inmeditec-review-header h1{

        font-size:24px;

    }

    .inmeditec-review-header p{

        font-size:14px;

    }

}

/* ==========================================
TESTIMONIOS PC
========================================== */

.inmeditec-testimonials{

    max-width:850px;

    margin:40px auto 40px;

    padding:0 45px;

    position:relative;

}

.inmeditec-testimonials h2{

    text-align:center;

    font-size:34px;

    font-weight:800;

    color:#07142b;

    margin-bottom:35px;

}

.testimonial-wrapper{

    overflow:hidden;

    width:100%;

}

.testimonial-track{

    display:flex;

    gap:20px;

}

.testimonial-card{

    flex:0 0 calc(33.333% - 14px);

    background:#fff;

    padding:32px;

    border-radius:24px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.10);

    border:2px solid rgba(0,168,233,.08);

    box-sizing:border-box;

    transition:.3s;

}

.testimonial-card:hover{

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);

}

.testimonial-stars{

    font-size:18px;

    margin-bottom:12px;

}

.testimonial-text{

    line-height:1.8;

    min-height:140px;

    color:#444;

    margin-bottom:20px;

}

.testimonial-name{

    font-weight:700;

    color:#07142b;

}

.testimonial-hospital{

    margin-top:6px;

    font-size:14px;

    color:#666;

}

.testimonial-city{

    font-size:13px;

    color:#999;

}

/* ==========================================
FLECHAS
========================================== */

.testimonial-prev,
.testimonial-next{

    position:absolute;

    top:58%;

    transform:translateY(-50%);

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#fff;

    box-shadow:
    0 4px 15px rgba(0,0,0,.15);

    cursor:pointer;

    z-index:10;

    font-size:18px;

    color:#08345b;

    transition:.3s;

}

.testimonial-prev:hover,
.testimonial-next:hover{

    transform:translateY(-50%) scale(1.05);

}

.testimonial-prev{

    left:-15px;

}

.testimonial-next{

    right:-15px;

}

/* ==========================================
TABLET
========================================== */

@media screen and (max-width:1024px){

    .inmeditec-testimonials{

        max-width:760px;

        padding:0 35px;

    }

    .testimonial-track{

        gap:16px;

    }

    .testimonial-card{

        flex:0 0 calc(33.333% - 11px);

        padding:22px;

    }

    .testimonial-text{

        min-height:120px;

    }

    .testimonial-prev{

        left:-10px;

    }

    .testimonial-next{

        right:-10px;

    }

}

/* ==========================================
MOVIL
========================================== */

@media screen and (max-width:700px){

    .inmeditec-testimonials{

        max-width:100%;

        padding:0 20px;

    }

    .testimonial-wrapper{

        overflow:hidden;

    }

    .testimonial-track{

        gap:20px;

    }

    .testimonial-card{

        flex:0 0 100%;

        min-width:100%;

        max-width:100%;

        padding:20px;

        box-sizing:border-box;

    }

    .testimonial-text{

        min-height:auto;

    }

    .testimonial-prev,
    .testimonial-next{

        width:38px;

        height:38px;

        font-size:15px;

    }

    .testimonial-prev{

        left:-5px;

    }

    .testimonial-next{

        right:-5px;

    }

}

/* ==========================================
HERO FINAL HOME
========================================== */

.inmeditec-final-hero{

    position:relative;

    max-width:900px;

    width:calc(100% - 40px);

    margin:10px auto;

    padding:14px 25px;

    background:#77B6E8;

    border-radius:22px;

    overflow:hidden;

    text-align:center;

    box-sizing:border-box;

    box-shadow:
    0 12px 30px rgba(0,0,0,.08);

}

/* ==========================
CIRCULOS DECORATIVOS
========================== */

.hero-circle{

    position:absolute;

    border-radius:50%;

    background:rgba(255,255,255,.08);

}

.hero-circle-left{

    width:120px;

    height:120px;

    left:-40px;

    bottom:-40px;

}

.hero-circle-right{

    width:160px;

    height:160px;

    right:-40px;

    top:-40px;

}

/* ==========================
BADGE INMEDITEC
========================== */

.hero-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#006FAE;

    color:#fff;

    font-size:13px;

    font-weight:800;

    letter-spacing:4px;

    text-transform:uppercase;

    padding:10px 22px;

    border-radius:999px;

    margin-bottom:8px;

    box-shadow:
    0 6px 20px rgba(0,0,0,.12);

}

/* ==========================
TITULO
========================== */

.inmeditec-final-hero h2{

    font-size:24px;

    line-height:1.35;

    font-weight:800;

    color:#07142b;

    max-width:650px;

    margin:0 auto 12px;

}

/* ==========================
BOTONES
========================== */

.hero-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.hero-btn{

    min-width:135px;

    text-align:center;

    text-decoration:none;

    font-weight:700;

    color:#fff;

    padding:14px 24px;

    border-radius:12px;

    transition:.3s;

    font-size:14px;

}

.hero-whatsapp{

    background:#25D366;

    box-shadow:
    0 8px 20px rgba(37,211,102,.35);

}

.hero-quote{

    background:#0077B6;

    box-shadow:
    0 8px 20px rgba(0,119,182,.35);

}

.hero-btn:hover{

    transform:translateY(-3px);

}

/* ==========================================
TABLET
========================================== */

@media screen and (max-width:1024px){

.inmeditec-final-hero{

    max-width:750px;

    padding:32px 22px;

}

.inmeditec-final-hero h2{

    font-size:22px;

    max-width:550px;

}

.hero-btn{

    min-width:130px;

}

.hero-circle-left{

    width:100px;

    height:100px;

}

.hero-circle-right{

    width:130px;

    height:130px;

}

}

/* ==========================================
MOVIL
========================================== */

@media screen and (max-width:700px){

.inmeditec-final-hero{

    width:calc(100% - 30px);

    margin:15px auto;

    padding:20px 18px;

    border-radius:18px;

}

.inmeditec-final-hero h2{

    font-size:20px;

    line-height:1.4;

    margin-bottom:22px;

}

.hero-buttons{

    flex-direction:column;

    gap:12px;

}

.hero-btn{

    width:100%;

    max-width:240px;

    min-width:auto;

}

.hero-badge{

    font-size:12px;

    padding:9px 18px;

    letter-spacing:3px;

}

.hero-circle-left{

    width:80px;

    height:80px;

    left:-25px;

    bottom:-25px;

}

.hero-circle-right{

    width:95px;

    height:95px;

    right:-25px;

    top:-25px;

}

}

/* ==========================================
ELIMINAR ESPACIO HERO → FOOTER
========================================== */

.home .entry-content{

    margin-bottom:0 !important;
    padding-bottom:0 !important;

}

.home article.page{

    margin-bottom:0 !important;
    padding-bottom:0 !important;

}

.edit-link{

    display:none !important;

}

.home #main,
.home .site-main,
.home #primary,
.home .content-area,
.home #content,
.home .site-content{

    margin-bottom:15px !important;
    padding-bottom:0 !important;

}