/* NORTE ABOGADOS - Secciones nuevas y responsive (2026) */
.norte-wa-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#35b354;color:#fff!important;padding:11px 15px;border-radius:11px;font-size:15px;font-weight:700;line-height:1.35;text-shadow:none!important;text-align:center;transition:background .2s;max-width:100%;}
.norte-wa-btn:hover,.norte-wa-btn:focus{background:#278f41;color:#fff!important;}
.norte-header-wa{float:left;margin:29px 0 0 20px;}
#main-slider .carousel-content>.norte-wa-btn{margin:10px 0 0 8px;vertical-align:middle;}
.norte-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#fff;}
.norte-special{display:flex;flex-direction:column;justify-content:center;min-height:205px;padding:35px 11%;color:#fff!important;font-size:32px;line-height:1.04;font-weight:300;}
.norte-special strong{font-size:1.14em;font-weight:800;}
.norte-special:hover,.norte-special:focus{filter:brightness(1.13);color:#fff!important;}
.norte-special-laboral{background:#0b111f;}.norte-special-familia{background:#104b91;}.norte-special-penal{background:#147e76;}
#norte-mineria{background:#dc530d;color:#fff;text-align:center;padding:31px 12px;font-size:clamp(22px,3.1vw,43px);font-weight:300;line-height:1.2;}
#norte-mineria strong{font-weight:800;}
#norte-ayuda{display:grid;grid-template-columns:1fr 1fr;}
.norte-ayuda-col{min-width:0;padding:60px max(28px,7vw);}
.norte-ayuda-intro{background:#1b1d3a;color:#fff;text-align:center;}
.norte-ayuda-intro h2{font-size:clamp(38px,4vw,58px);line-height:1.03;font-weight:800;color:#fff;margin:15px 0 25px;}
.norte-ayuda-intro p{font-size:clamp(20px,2vw,29px);font-style:italic;color:#ae9948;line-height:1.3;}
.norte-ayuda-contacto{background:#f7f7f7;}
.norte-ayuda-contacto h2{font-size:clamp(27px,2.5vw,38px);font-weight:800;line-height:1.15;color:#1b1d3a;margin:0 0 8px;}
.norte-ayuda-contacto p{font-size:17px;font-weight:700;color:#1b1d3a;line-height:1.4;}
.norte-ayuda-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;}
.norte-ayuda-buttons .norte-wa-btn{justify-content:flex-start;}
@media (min-width:768px) and (max-width:1199px){.norte-header-wa{margin:8px 0 0 15px;}.norte-header-wa .norte-wa-btn{font-size:12px;padding:8px;}.norte-special{font-size:26px;}}
@media(max-width:991px){#norte-ayuda{grid-template-columns:1fr 1fr;}.norte-ayuda-col{padding:45px 25px;}.norte-special{font-size:24px;min-height:160px;}}
/* Ajustes específicos para teléfonos */
@media (max-width:767px) {
 body {padding-top:125px;}
 #main-menu.navbar-default {background:#fff;}
 #main-menu .container {position:relative;}
 #main-menu .navbar-header {height:76px; margin:0 -15px;}
 #main-menu .navbar-brand {padding:10px 15px;max-width:67%;height:76px;display:flex;align-items:center;}
 #main-menu .navbar-brand img {width:auto;max-width:100%;max-height:61px;}
 #main-menu .navbar-toggle {margin:22px 15px 0 0;}
 .norte-header-wa {float:none;clear:both;margin:0 -15px;padding:5px 15px 9px;text-align:center;background:#fff;}
 .norte-header-wa .norte-wa-btn {font-size:13px;padding:7px 14px;border-radius:8px;}
 #main-menu .navbar-collapse {max-height:calc(100vh - 125px);overflow-y:auto;}
 #main-slider .item {height:455px;background-position:64% center;position:relative;}
 #main-slider .item:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,22,.89),rgba(5,11,22,.65) 58%,rgba(5,11,22,.12));z-index:0;}
 #main-slider .slider-inner {z-index:1;}
 #main-slider .slider-inner .container {padding-left:25px;padding-right:25px;}
 #main-slider .slider-inner h2 {margin-top:62px!important;margin-bottom:13px!important;font-size:25px!important;line-height:1.15!important;overflow-wrap:break-word;}
 #main-slider .carousel-content h4 {font-size:14px!important;line-height:1.4!important;margin-bottom:12px!important;max-width:95%;}
 #main-slider .carousel-content .btn.btn-primary {font-size:14px;padding:9px 13px;margin:6px 8px 0 0;}
 #main-slider .carousel-content>.norte-wa-btn {display:inline-flex;font-size:13px;padding:10px 12px;margin:6px 0 0 0;}
 #main-slider .owl-prev,#main-slider .owl-next {width:36px;height:46px;line-height:46px;font-size:22px;margin-top:-23px;}
 #main-slider .owl-prev {left:-20px;text-indent:10px;}
 #main-slider .owl-next {right:-20px;text-indent:-8px;}
 .norte-special-grid {grid-template-columns:1fr;gap:3px;}
 .norte-special {min-height:105px;padding:22px 28px;font-size:25px;}
 #norte-mineria {padding:24px 14px;font-size:24px;}
 #norte-ayuda {grid-template-columns:1fr;}
 .norte-ayuda-col {padding:36px 20px;}
 .norte-ayuda-intro h2 {font-size:40px;}
 .norte-ayuda-contacto h2 {font-size:29px;}
 .norte-ayuda-buttons {align-items:stretch;}
 .norte-ayuda-buttons .norte-wa-btn {width:100%;justify-content:center;white-space:normal;}
}
@media(max-width:380px) {
 #main-slider .slider-inner h2 {font-size:22px!important;}
 #main-slider .item {height:475px;}
 #main-slider .slider-inner h2 {margin-top:55px!important;}
 .norte-wa-btn {font-size:12px;}
}


/* Centrar botón WhatsApp en menú de escritorio */
@media (min-width: 1200px) {
    #main-menu .container {
        position: relative;
    }

    #main-menu .header-whatsapp {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10;
    }
}


/* Icono WhatsApp del menú */
#main-menu .header-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2db653;
    color: #fff;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    text-decoration: none;
}

#main-menu .header-whatsapp i {
    font-size: 34px;
    line-height: 1;
}

#main-menu .header-whatsapp:hover {
    background: #239a46;
    color: #fff;
}


/* NORTE ABOGADOS: iconos de especialidades y convenio de mineria.
   No altera la seccion #norte-ayuda ni sus dos columnas. */
#norte-especialidades .norte-special {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(12px, 1.5vw, 27px);
    min-width: 0;
    padding: 30px clamp(20px, 3.2vw, 58px);
    text-decoration: none;
}
#norte-especialidades .norte-special-icon {
    flex: 0 0 64px;
    width: 64px;
    text-align: center;
    font-size: 48px;
    line-height: 1;
}
#norte-especialidades .norte-special-divider {
    flex: 0 0 2px;
    height: 76px;
    background: rgba(255,255,255,.8);
}
#norte-especialidades .norte-special-label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: clamp(18px, 1.65vw, 30px);
    line-height: 1.06;
    font-weight: 300;
}
#norte-especialidades .norte-special-label strong {
    display: block;
    font-size: 1.15em;
    font-weight: 800;
}
#norte-especialidades .norte-special-arrow {
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 19px;
}
#norte-mineria .norte-mineria-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(14px, 2.2vw, 35px);
}
#norte-mineria .norte-mineria-icon {
    flex: 0 0 auto;
    font-size: clamp(35px, 4vw, 63px);
    line-height: 1;
}
#norte-mineria .norte-mineria-divider {
    flex: 0 0 2px;
    height: 65px;
    background: rgba(255,255,255,.85);
}
#norte-mineria .norte-mineria-label {min-width: 0;}
@media (min-width: 768px) and (max-width: 1199px) {
    #norte-especialidades .norte-special {gap: 12px; padding: 24px 16px;}
    #norte-especialidades .norte-special-icon {flex-basis: 38px;width:38px;font-size:32px;}
    #norte-especialidades .norte-special-divider {height: 58px;}
    #norte-especialidades .norte-special-arrow {flex-basis: 30px;width:30px;height:30px;font-size:14px;}
    #norte-especialidades .norte-special-label {font-size: 17px;}
}
@media (max-width: 767px) {
    #norte-especialidades .norte-special {gap: 17px; padding: 21px 22px; min-height: 110px;}
    #norte-especialidades .norte-special-icon {flex-basis: 43px;width:43px;font-size:35px;}
    #norte-especialidades .norte-special-divider {height: 55px;}
    #norte-especialidades .norte-special-label {font-size: clamp(20px, 5vw, 27px);}
    #norte-especialidades .norte-special-arrow {flex-basis: 33px;width:33px;height:33px;font-size:15px;}
    #norte-mineria .norte-mineria-content {gap: 12px;}
    #norte-mineria .norte-mineria-icon {font-size: 36px;}
    #norte-mineria .norte-mineria-divider {height: 55px;}
    #norte-mineria .norte-mineria-label {font-size: clamp(17px, 5vw, 24px);}
}
@media (max-width: 360px) {
    #norte-especialidades .norte-special {gap: 10px;padding: 18px 14px;}
    #norte-especialidades .norte-special-icon {flex-basis: 35px;width:35px;font-size:29px;}
    #norte-especialidades .norte-special-label {font-size: 19px;}
}


/* WhatsApp destacado - sección Conversemos */

.norte-consulta-texto {
    font-size: 24px;
    margin: 25px 0;
}

.norte-whatsapp-destacado {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background: #28b64b;
    color: #fff !important;
    padding: 22px 35px;
    border-radius: 15px;
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
    text-decoration: none !important;
    transition: all .25s ease;
}

.norte-whatsapp-destacado i {
    font-size: 52px;
}

.norte-whatsapp-destacado span {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.norte-whatsapp-destacado strong {
    font-size: 23px;
}

.norte-whatsapp-destacado small {
    font-size: 15px;
    margin-top: 5px;
}

.norte-whatsapp-destacado:hover {
    background: #159538;
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.24);
}

/* Adaptación para celulares */
@media (max-width: 767px) {
    .norte-consulta-texto {
        font-size: 19px;
    }

    .norte-whatsapp-destacado {
        width: 100%;
        padding: 18px 12px;
        gap: 12px;
    }

    .norte-whatsapp-destacado i {
        font-size: 38px;
    }

    .norte-whatsapp-destacado strong {
        font-size: 16px;
    }

    .norte-whatsapp-destacado small {
        font-size: 12px;
    }
}