@charset "utf-8";
/* === BÁSICOS === */
*{
	padding: 0;
	margin: 0;
}
body{
    font-family: "Roboto", sans-serif;
}
header{
    position:relative;
    
}
header.header-absolute {
    position: absolute;
    z-index:100;
	width: 100%;
}
/*
header::before {
  content: "";
  position: absolute;
  inset: 0;
  
  background: linear-gradient(
  to bottom,
  rgba(0,0,0,0.9) 0%,
  rgba(0,0,0,0.7) 30%,
  rgba(0,0,0,0.3) 60%,
  rgba(0,0,0,0) 90%
);
  z-index: 1;
}
*/
nav{
	
}
main{
	
}
article{
	
}
aside{
	
}
footer{
	
}
.head_a{
padding:3px 0;
position: relative;
  z-index: 2;
}
.head_b{
  position: relative;
  z-index: 2;
}
.sub-head-a{
	background-color: ;
	padding: 3px 0;
}
.head_b-color{
 
}
.fijo{
	position:fixed; top:0; z-index: 5000;
	background: rgba(255, 255, 255, 1.0); /* Fondo inicial */
    transition: background 0.5s ease; /* Transición suave para el fondo */
}
/* === ICONOS CONTACTO === */
.ac-contac-list{
 list-style:none;
 display:flex;
 gap:20px;
 padding:0;
 margin:0;
}
.ac-contac-list li {
    display:flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    color:#FFFFFF;
    
}
.ac-contac-list li > div:first-child {
 border-radius:50%;
 width:25px;
 height:25px;
 background:#FFFFFF;
 color:#FFFFFF;
 display:flex;
 flex-wrap: nowrap;
 justify-content: center;
 align-items: center;
 margin-right:7px;
}
.ac-contac-list li span{
 font-size:0.80rem;
 color:#000000;
}
/* === REDES SOCIALES CABECERA === */
.red-soc-top{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
    gap:10px;
}
.red-soc-top li{
	
}
.red-soc-top li a{
	color: #FFFFFF;
	font-size: 0.9rem;
	text-decoration: none;
    border-radius: 50%;
	width: 28px;
	height: 28px;
	display: flex;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	background: #0E84FE;
}
/* === LOGO TOP === */
.ac-cont-logo-top{
	display: flex;
	max-width: 250px;
}
/* === BOTONES TOP === */
.ac-btn-top{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content:flex-end;
	align-items: center;
    gap: 5px;
}
.ac-btn-top li{
	background: #DFE8ED;
	border-radius: 4px;
}
.ac-btn-top a{
	text-decoration: none;
	text-align: center;
	padding: 5px 15px;
	display: block;
}
.ac-btn-top .ac-btn-title{
	font-size: 0.85rem;
	color:#000000;
}
.ac-btn-top .ac-btn-desc{
	font-size: 0.8rem;
	color:#C6C3C3;
}
#cont_slider{
}   
#btns-bottom-slider{
position: absolute;
	z-index: 200;
	bottom: 0;
	width: 100%;
}
#btns-bottom-slider ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 20px; /* espacio entre botones */
}
.num-popup_a{
	 border-radius:50%;
	 background:#0D83FD;
	 width:25px;
	 height:25px;
	 color:#ffffff;
	 display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size:0.8rem;
}
.ac-footer-list_a{
 margin:0;
 padding:0;
 list-style:none;
}
.ac-footer-list_a li a{
 display:block;
 text-decoration:none;
 color:#FFFFFF;
 margin-bottom:5px;
}
.ac-footer-list_a li a span{
 margin-right:5px;   
}
/* === buscador de dominios === */
.domain-search-section {
  background: linear-gradient(135deg, #0d6efd, #0b5ed7);
  color: white;
  border-radius: 20px;
  padding: 60px 20px;
}
/* === APARTADO 02 === */
.ac-idx-participa{
    padding: 10px 0;
}
.ac-idx-titulo{
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    color: #0b3b84;
    margin-bottom: 28px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ac-idx-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.ac-idx-card{
    position: relative;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 28px 22px 24px 22px;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 120px;
    transition: all .25s ease;
    overflow: hidden;
}
.ac-idx-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
.ac-idx-numero{
    position: absolute;
    top: 10px;
    left: 12px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #009245;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ac-idx-icono{
    min-width: 68px;
    text-align: center;
}
.ac-idx-icono svg{
    width: 58px;
    height: 58px;
}
.ac-idx-contenido h4{
    font-size: 24px;
    font-weight: 700;
    color: #1f1f1f;
    margin: 0 0 6px 0;
    line-height: 1.1;
}
.ac-idx-contenido p{
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
    color: #555;
}
.ac-idx-servicios{
    width: 100%;
    padding: 10px 0;
}
.ac-idx-servicios-titulo{
    text-align: center;
    font-size: clamp(24px, 2.4vw, 44px);
    font-weight: 800;
    color: #0b3b84;
    text-transform: uppercase;
    margin-bottom: 28px;
    line-height: 1.1;
}
.ac-idx-servicios-grid{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}
.ac-idx-servicio-card{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 18px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 120px;
    transition: all .25s ease;
}
.ac-idx-servicio-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.ac-idx-servicio-icono{
    flex-shrink: 0;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ac-idx-servicio-icono svg{
    width: 34px;
    height: 34px;
}
.ac-idx-servicio-azul{
    background: #0057B8;
}
.ac-idx-servicio-verde{
    background: #00A651;
}
.ac-idx-servicio-amarillo{
    background: #FDB913;
}
.ac-idx-servicio-contenido{
    flex: 1;
    min-width: 0;
}
.ac-idx-servicio-contenido h4{
    margin: 0 0 6px;
    font-size: clamp(18px, 1vw, 24px);
    line-height: 1.2;
    color: #111;
    font-weight: 700;
}
.ac-idx-servicio-contenido p{
    margin: 0;
    font-size: clamp(13px, .9vw, 16px);
    line-height: 1.35;
    color: #4d4d4d;
}
.ac-idx-topinfo{
    width: 100%;
    padding: 8px 0;
}
/*========================================
=           CONTENEDOR PRINCIPAL         =
========================================*/
.ac-idx-topinfo-grid{
    display: flex;
    gap: 16px;
    align-items: stretch;
}
.ac-idx-topinfo-grid > .ac-idx-topinfo-box:nth-child(1){
    flex: 1.5;
}
.ac-idx-topinfo-grid > .ac-idx-topinfo-box:nth-child(2){
    flex: 1;
}
.ac-idx-topinfo-grid > .ac-idx-topinfo-box:nth-child(3){
    flex: .8;
}
.ac-idx-topinfo-box{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 18px 20px;
    overflow: hidden;
}
.ac-idx-topinfo-title{
    margin: 0 0 18px;
    color: #0b3b84;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}
/*========================================
=              NUMEROS BOX               =
========================================*/
.ac-idx-numeros{
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 24px;
}
.ac-idx-numero-item{
    display: flex;
    align-items: center;
    gap: 14px;
}
.ac-idx-numero-icono{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ac-idx-numero-icono svg{
    width: 30px;
    height: 30px;
}
.ac-idx-bg-azul{
    background: #0057B8;
}
.ac-idx-bg-verde{
    background: #00A651;
}
.ac-idx-bg-amarillo{
    background: #FDB913;
}
.ac-idx-numero-contenido h3{
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #111;
    line-height: 1;
}
.ac-idx-numero-contenido p{
    margin: 5px 0 0;
    color: #444;
    font-size: 15px;
    line-height: 1.3;
}
/*========================================
=               BASE LEGAL               =
========================================*/
.ac-idx-legal-lista{
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac-idx-legal-lista li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #444;
    line-height: 1.45;
}
.ac-idx-legal-check{
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 50%;
    background: #00A651;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.ac-idx-legal-check svg{
    width: 10px;
    height: 10px;
}
/*========================================
=             QUIENES SOMOS              =
========================================*/
.ac-idx-quienes-texto{
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}
/* -------------------- */
/* === FIN BÁSICOS */
/* Extra pequeño (teléfonos muy pequeños) */
@media (max-width: 1400px) {
}
/*========================================
=              LAPTOP / XL               =
========================================*/
@media (max-width: 1200px) {
    .ac-idx-servicios-grid{
        grid-template-columns: repeat(3, 1fr);
    }
   .ac-idx-topinfo-grid{
        flex-direction: column;
    }
    .ac-idx-numeros{
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}
/*========================================
=              TABLET LANDSCAPE          =
========================================*/
@media (max-width: 992px) {
    .ac-idx-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
/*========================================
=               TABLET                   =
========================================*/
@media (max-width: 768px) {
    .ac-idx-servicios-grid{
        grid-template-columns: 1fr;
    }
    .ac-idx-servicio-card{
        padding: 18px;
        min-height: auto;
    }
     .ac-idx-numeros{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .ac-idx-topinfo-box{
        padding: 18px;
    }
}
/*========================================
=           TELEFONOS GRANDES            =
========================================*/
@media (max-width: 576px) {
    .ac-idx-grid{
        grid-template-columns: 1fr;
    }
    .ac-idx-titulo{
        font-size: 24px;
    }
    .ac-idx-card{
        padding: 24px 18px;
    }
    .ac-idx-numeros{
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .ac-idx-topinfo-box{
        padding: 18px;
    }
    .ac-idx-topinfo-title{
        font-size: 22px;
    }
}
/*========================================
=          TELEFONOS NORMALES            =
========================================*/
@media (max-width: 480px) {
    .ac-idx-servicio-card,
    .ac-idx-card{
        gap: 14px;
    }
    .ac-idx-servicio-icono{
        width: 56px;
        height: 56px;
    }
    .ac-idx-servicio-icono svg,
    .ac-idx-icono svg{
        width: 28px;
        height: 28px;
    }
    .ac-idx-numero-contenido h3{
        font-size: 20px;
    }
}
/*========================================
=          TELEFONOS PEQUEÑOS            =
========================================*/
@media (max-width: 360px) {
    .ac-idx-card,
    .ac-idx-servicio-card,
    
    .ac-idx-titulo,
    .ac-idx-servicios-titulo{
        font-size: 20px;
    }
    .ac-idx-topinfo-box{
        padding: 16px;
    }
    .ac-idx-numero-item{
        flex-direction: column;
        align-items: flex-start;
    }
}