/*
 Theme Name:   Child GP DennisSEO
 Theme URI:    https://seoafull.com
 Description:  Tema de Child de DennisSEO
 Author:       Dennis
 Author URI:   https://seoafull.com
 Template:     generatepress
 Version:      0.1
*/
/*LAST UPDATE GENERATEPRESS*/
.posted-on .updated {
    display: inline-block;
}
.posted-on .published {
    display: none;
}
.posted-on .updated:before {
    content: "Última Actualización: ";
}

/*PARA EL BREADCUM*/
p#breadcrumbs {font-size: 15px;padding-left:2px;padding-top:12px}
p#breadcrumbs a{color:#2671BD;text-decoration:underline;text-underline-offset:2px}
p#breadcrumbs span {font-weight:600;font-family:'Encode Sans', sans-serif}
/*body.home p#breadcrumbs {display: none;}*/
@media screen and (max-width:500px){p#breadcrumbs{padding-left: 24px;}}


/*STYLE BOTON TURNO EN CONTENIDO*/
div .boton1{
	display:inline-block;
	margin: 25px auto;
	background: #369ECC;
	color: white;
    text-align:center;
	padding: 12px 15px;
	border-radius: 10px;
	font-size: 17px;
	box-shadow: 0 1px 2px 0 #A19F9F;
}
.boton1:hover{
	background: rgba(54,158,204,0.9);
}

.boton1 a,.boton1 a:hover{
	color: white;
	margin-bottom: 20px;
}

/*linea para enlaces
a:hover {
    text-decoration: underline
}*/

/*COLOR TEXT BOTON O RESERVAR TURNO*/
.botonturno a{
	color: white !important;
}



/****ESTILO TABLA CRONOGRAMA CABA Y PROVINCIA ****/
/* Contenedor (Figure) - Maneja los bordes redondeados y el scroll en móviles */
.table-cronograma {
	width:70%;
  margin: 10rem auto;
  box-sizing: border-box;}
/* La tabla interior */
.table-cronograma table { 
  width: 100%;
	border-collapse: separate;
	overflow: hidden;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  background-color: #f3f6f9;
  border-radius: 15px; /* Borde ligeramente redondeado*/}
/* Celdas y filas */
.table-cronograma th,
.table-cronograma td {
  padding: 12px 16px;
 /*  border-bottom: 1px solid grey; Separador sutil entre filas */
  color: #334155;}
/* Encabezados */
.table-cronograma th {
  background-color: #008ce0; /* Diferencia sutilmente el título */
  font-weight: 600;
  color:  white;
  text-transform: uppercase; /* Opcional: mejora la lectura de los títulos */
  font-size: 0.85em;
  letter-spacing: 0.5px;
  border-bottom:0px}
/* Elimina el borde de la última fila para que encaje perfecto con el borde redondeado del contenedor 
.table-cronograma tr:last-child td {border-bottom: none;}
@media and max-width(500px){.table-cronograma {width:80%}*/



/*************************************************** ESTILO TABLA COSTOS EN ENTRADAS**************************/
/*TABLAS EN DIV EN:Solicitá tu turno VTV en la Provincia de Buenos Aires y EN PAGINA PRINCIPAL BAJO TITULO Costo de la VTV y cronograma de turnos */
/* Contenedor principal responsive */
.tabla-costos {
  display: table;
  width: 90%;
  max-width: 890px;
  margin: 0 auto 40px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-radius: 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}

/* Filas */
.tabla-costos .tabla-row {
  display: table-row;
}

/* Celdas comunes */
.tabla-costos .tabla-cell {
  display: table-cell;
  border: 1px solid grey;
  background-color: #ededed1c;
  padding: 12px 19px;
  font-size: 16px;
  vertical-align: middle;
}

/* Encabezado */
.tabla-costos .tabla-header .tabla-cell {
  background-color: #24a8c7de;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
}

/* Alineación de columnas pares (funciona con 2, 3 o más columnas) */
.tabla-costos .tabla-cell:nth-child(even) {
  text-align: center;
}

/* Adaptación responsive para pantallas móviles pequeñas */
@media screen and (max-width: 600px) {
  .tabla-costos {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .tabla-costos .tabla-row {
    display: table-row;
  }
  
  .tabla-costos .tabla-cell {
    font-size: 14px;
    padding: 10px 12px;
  }
}




/****INICIO ESTILO TABLA DIV CRONOGRAMA CON CSS************************/
.table1{
  display: table;
  margin: 0 auto 24px;
	
}
.table1 .heading{
  display: table-row;
}
.table1 .row{
  display:  table-row;  
}

.table1 .cell{
  display: table-cell;
  border:  solid;
  border-width: thin;
  border-bottom-width: medium;
	border-color: white;
  text-align:  center;
	font-size: 17px;
}
/*ESTILO DE LETRA ENCABEZADO*/
.table1 .heading:nth-child(1){
	background: #2BB1EB;
}
.table1 .heading div p{
	color: white;
	padding: 8px 6px;
   margin-bottom:0 !important;
	font-size: 18px;
}
/*ESTILO DE LETRA CONTENIDO*/
.table1 .row:nth-child(even){
	/*background: rgba(240,226,61,.9);*/
	background: rgba(34,140,45,0.1);
}
/*estilo numero de patente*/
.table1 .row .cell:first-child{
	font-size: 23px;
	font-weight: bold;
}
/*eliminar margin inferior heredado*/
.table1 .row div p{
	  margin-bottom:0 !important;
}
/*alinear vert. contenido*/
.table1 .row .cell{
	vertical-align:middle;
}
/**BORDES REDONDEDADOS DE TABLA***/
.table1 .heading .cell:first-child{
  border-radius: 10px 0px 0 0;
}
.table1 .heading .cell:nth-child(3){
  border-radius: 0 10px 0 0;
}
/****************************FIN ESTILO TABLA DIV CON CSS********************/



/*ESTILO CONTENEDOR DE MAPAS BORDES*/
.container-maps{background:#F8FCFE;border-radius:.5em;overflow:hidden}

/***ESTILO CAJA NOTA***/
.caja-nota{background: #EBEBEB;padding: 1em;margin-bottom: 1em;}
/***ESTILO TALLERES TODO EN UN SOLO CONTENEDOR***/
.caja-direction{background:#F8FCFE;padding:1em;padding-bottom: 0.3em;margin-bottom: 0;border-radius:0.5em; border:1px solid #3195c0;margin-bottom:1em}

/*****ESTILO CAJA listado TALLERES CONTENIDO SOLO PARA LISTADO DE MAX 3 PLANTAS VTV***/
.Talleres-container{display:flex;border: 2px solid #3195c0;border-radius:12px;padding: 10px;}
.talleres-hijos{display:flex;flex-basis:33%;flex-direction:column;}
.talleres-hijos div{font-size:1.2em;color:#1e73be;}
.talleres-hijos p{text-align:center;padding-top:1.3em}
.talleres-hijos div{display:flex;justify-content:center;align-content:center;padding:10px;}
/***ESTILO TALLERES DE MAS DE 3 PLANTAS***/
.Talleres-containers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.1em;
  grid-auto-rows: minmax(100px, auto);
}
.talleres-varios{display:flex;flex-direction:column;justify-content:center;background:#F8FCFE;border:1px solid #3195c0;padding:1em;border-radius:0.5em}


/*Estilo de caja centros de verificacion*/
.plantas-container{display:flex;flex-direction:column;margin:auto;width:100%;border:1px solid rgba(207,23,123,.1);height:400px;margin-bottom:1.8em;border-radius:0 0 15px 15px;box-shadow: rgba(207, 23, 123, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.plantas-container .plantas-caja-grande{display:flex;flex-direction:row;justify-content:space-around}
.plantas-container .plantas-caja-grande .plantas-items{padding:15px;width:50%}
.plantas-container .plantas-items ul {background-image:none;list-style-type:none;margin-top:2em;margin-left:1em;}
.plantas-container .plantas-items ul li::before{content:"➤";display:inline-block;color:rgba(93,12,40,.8);width:1em;margin-right:.5em;line-height:1.9em;}
.plantas-container .plantas-items h2{font-size:1.1em;border-bottom:none;margin-bottom:0px;white-space:nowrap;text-align:center}
.plantas-container hr{margin:0 auto .9em}

@media only screen and (max-width:600px){
	.plantas-container{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%}
	.plantas-container .plantas-caja-grande{display:flex;flex-direction:column}
	.plantas-container .plantas-caja-grande .plantas-items{display:flex;flex-direction:column;align-items:center;width:100%;height:40%}
	.plantas-container hr{display:none}
	.plantas-container .plantas-items h2{margin-bottom:5px;border-bottom:none}
	
	.boton-planta{display:flex;height:100%!important}
	.boton-cita{display:flex;width:100%!important;height:100%;margin:0px;text-align:center}
}
.boton-planta{display:flex;margin:auto;width:100%;height:50px;background-color:rgba(169,7,105);text-align:center;border:1px solid rgba(207,23,123,.1);border-radius:15px 15px 0 0;align-items:center;justify-content:center;box-shadow:rgba(207, 23, 123, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px}
.boton-planta a{font-size:1.5em;color:white;cursor:pointer;padding: 0px 5px;text-transform:uppercase;font-weight:300}
.boton-planta a:hover{text-decoration:none;color:#ffffff}

/*Estilo boton de cita vtv en articulos*/
.boton-cita{margin:auto;margin-bottom: 27px;display:flex;flex-direction:row; justify-content:center;flex-wrap:nowrap;align-items:center;width:30%; height:45px;background:rgba(169,7,105);border-radius:5px;box-shadow: rgba(207, 23, 123, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px}
.boton-cita a{color:#ffffff}
.boton-cita a:hover{color:#ffffff}









/*ESTILO PRIMER H2 EN ARTICULOS*/
.titulo-centros-vtv{display:flex;flex-direction:row;justify-content:center;align-items:center;background:rgba(169,7,105);margin-bottom:27px}
.titulo-centros-vtv h2{color:white;margin-top:4px;margin-bottom:3px}

/*ESTILO LISTAS EN ARTICULOS*/
article .ul-articulos{display:inline-block;padding:25px 40px;border-radius:8px;border:1px solid #0000001a;box-shadow:0 0 6px 2px #0000001a;width:90%;margin-left:25px}
article .ul-articulos li{line-height:2em;font-size:.9em}

/*ESTILO CAJA 7 PLANTAS CABA - PAGINA */
.caja-lista-7plantas-caba{display:flex;flex-direction:row;width:100%;margin:auto;margin-bottom:32px;height:290px}
.caja-lista-7plantas-caba div{display:flex;padding:1px}
.caja-lista-7plantas-caba div img{width:60%;height:100%;object-fit:cover;margin-left:20px;box-shadow:}
.caja-lista-7plantas-caba div ul {background-image:none;list-style-type:none;margin-top:2em;margin-left:1em;margin-top:30px}
.caja-lista-7plantas-caba div ul li{font-size:.9em}
.caja-lista-7plantas-caba div ul li:before{content:"";display:inline-block;color:rgba(93,12,40,.8);width:1em;margin-right:.5em;line-height:1.9em;}

.item-7plantas-caba1{width:40%}
.item-7plantas-caba2{width:60%}






/**ESTILO CON BACKGROUND GRADIENT TITULO HOME Y 4 BOTONES - ELEMENTO GENERATEPRESS 
.elemento-vtv-costos-container-padre{padding-top:0px}
.vtv-costos-container {
    background: linear-gradient(135deg, #247b99 0%, #87388d 50%, #e01287 100%);
    font-family: 'Montserrat', Arial, sans-serif;
    padding: 60px 20px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.vtv-flex-container2{display: flex;flex-direction:column;justify-content:center;align-items:center;}
.vtv-content-wrapper {max-width: 650px;width: 100%;}
.vtv-header {color: #ffffff;margin-bottom: 30px;}
.vtv-title h1{ font-size: 32px;font-weight: 900;margin: 0;margin-bottom:10px; line-height: 1.1;color: #ffffff}
.vtv-date { font-size: 18px;font-weight: 400;margin: 10px 0 0 0;}

.vtv-button-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}
.vtv-button {
    height: 1rem;
    background-color: #00b4d8;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 20px 15px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.vtv-button:hover,.vtv-button:focus {background-color: #0096c7;color: #ffffff;transform: translateY(-2px);text-decoration: none;}
@media (max-width: 600px) 
    {.vtv-title h1 {font-size: 25px;font-weight:700}
  .vtv-button-grid {grid-template-columns: 1fr}
    .vtv-button {min-height: 70px;}
}*******/

/**ESTILO TITULO Y BOTON HOME PAGE - ELEMENTO GENERATEPRESS*/
.caja-home-title{;padding-top:38px;padding-bottom:26px;background:#f8f8f8;box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;}
.container-titulo-home{}
.caja-title-home{}
.title-home1{}
.title-home1 h1{font-family:'Poppins', Arial, sans-serif;font-weight:500;font-size:2rem}
.hijo-contenido-home{}
.texto-home1{}.texto-home1 p{margin-bottom:15px;font-family:'Poppins', Arial, sans-serif;font-weight:500;font-size:1rem;color:#212121}
.boton-turno-home{margin:auto;display:flex;width:50%;height:40px;justify-content:space-around}
.boton-turno-home div{width:35%}
.boton-turno-home div .bothome1{display:inline-block;width:80%;line-height:40px;font-weight:600;font-size:1.1rem;text-decoration:none;border-radius:6px;background:#23486B;color:#ffffff;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;transition:width 0.4s ease 0s,background 0.4s ease 0s;white-space:nowrap}
.boton-turno-home div .bothome1 span{display:inline-block;width:100%}
.boton-turno-home div .bothome1:hover,.bothome1:focus{width:100%;background:#21609C}
@media (max-width: 900px) {.boton-turno-home{width:80%} .boton-turno-home div {width:50%}.boton-turno-home div .bothome1{width:90%;font-size:1rem}}
@media (max-width: 550px) {
	.caja-home-title{padding-top:20px!important;padding-bottom:16px}
	.caja-title-home{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}
	.title-home1 h1{font-size:1.4rem;font-weight:600}
	.hijo-contenido-home{display:flex;flex-direction:column;width:95%;justify-content:center;align-items:center;height:165px}
	.boton-turno-home{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:125px}
	.boton-turno-home div {width:75%;}
    .boton-turno-home div .bothome1{width:85%}}







/*ESTILO TITULO PRINCIPAL INDIVUDUAL*/
h1.entry-title{text-align:center;margin}
@media screen and (min-width:900px){h1.entry-title{margin-top:28px;margin-bottom:45px!important}}




/*Ubicacion INTERACTIVE MAP PLANTAS VTV*/
/* Contenedor principal con fondo magenta sólido */
.vtv-visor-container {
    display: flex;
    flex-wrap: wrap;
    background-color: #d91c76; /* Magenta sólido */
	padding:25px;
    border-radius: 12px;
    color: #ffffff;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    gap: 30px;
    box-sizing: border-box;
	width:auto;
    margin-bottom:27px;
	margin-left:-39px;
	margin-right:-39px;
    /*margin: 0;*/
}
/*.vtv-col-icono {
    flex: 1;
    min-width: 250px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
	border:1px solid rgba(120,120,100,.8);
}
.vtv-col-icono svg {width: 100%;max-width: 250px; height: auto;}*/
.vtv-col-contenido {
    flex: 2;
    min-width: 300px;
	max-width:700px;
    display: flex;flex-direction: column;}
@media (max-width: 500px) {
    .vtv-visor-container {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        padding: 20px 15px; /* Reduce un poco el padding lateral en móviles */
		margin-bottom:27px !important; }
      .vtv-col-contenido {
        min-width: 0; /* Anula el min-width: 300px que causa el desborde */
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word; }
}	

.vtv-titulo { font-size: 42px;font-weight: 800;line-height: 1.1;margin: 0 0 15px 0;color: #ffffff}
.vtv-descripcion {font-size: 16px; line-height: 1.4;margin-bottom: 25px;opacity: 0.9;}
.vtv-controles {display: flex; margin-bottom: 20px;width: 100%;max-width: 400px;}

.vtv-select-wrapper {position: relative;width: 100%;}
.vtv-select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    background-color: #00aeb3; /* Turquesa */
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 40px 12px 15px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    outline: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.vtv-select-wrapper::after {
    content: '▼';
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.vtv-select option {background-color: #ffffff;color: #333333;padding: 10px;}
.vtv-mapa-contenedor {
    width: 100%;
    background: #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    margin-bottom: 20px;
	border: 1px solid lightblue;
}

/* Estilos de la nueva Tarjeta Informativa */
.vtv-card {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 25px;
    color: #333333;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    animation: fadeIn 0.5s ease;
}
.vtv-card-titulo {
    color: #d91c76;
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.vtv-card-direccion {
    font-size: 15px;
    color: #666666;
    margin: 0 0 20px 0;
    line-height: 1.5;
    position: relative;
    padding-left: 25px;
}
/* Ícono de pin CSS para la dirección */
.vtv-card-direccion::before {
    content: '📍';
    position: absolute;
    left: 0;
    top: 0;
    color: #00aeb3;
}
.vtv-card-accion {margin: 0;}

.vtv-card-accion a {
    color: #00aeb3;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.vtv-card-accion a:hover {color: #008c90;text-decoration: underline;}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
    .vtv-visor-container {
        flex-direction: column;
        padding: 20px;
		margin:auto;
		width:100%;
    }
    .vtv-col-icono {
        display: none; 
    }
    .vtv-titulo {
        font-size: 32px;
    }
}


/*CARD TEXTO informativo- UBICACION-PLANTAS VTV**/
.card-informativo-lista1{border: 1px solid rgb(212,212,212);border-radius:5px;padding:15px;max-width:1000px;width:70%;margin-bottom:27px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;background-color:rgb(247,247,247)}
@media (max-width:600px){.card-informativo-lista1{width:100%}}

/*CARD GRID- UBICACION-PLANTAS VTV**/
/* Contenedor principal de la grilla */
.card-informativo-texto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  justify-content: center; 
  align-items: stretch; /* Mantiene la misma altura para todos los cards */
  max-width: 1200px;
  margin: 0 auto; 
  padding: 20px;
}
/* Estilos para cada tarjeta (los divs padres) */
.card-informativo-texto-grid > div {
  border: 1px solid #d1d5db; 
  border-radius: 12px; 
  padding: 24px;
  font-size: 18px; 
  text-align: left; 
  background-color: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  display: grid;
  grid-template-rows: subgrid; /* Permite que las filas internas se sincronicen con las demás tarjetas */
  grid-row: span 2; /* Le indica al grid que la tarjeta ocupa dos filas: una para el título y otra para el texto */
  display: grid;
  grid-template-rows: subgrid; 
  grid-row: span 2; 
  row-gap: 0; /* Anula el gap heredado de 20px entre el título y el texto */
}
/* Nuevo contenedor exclusivo para el título */
.titulo-card {
  /* 1. Rompemos el padding del contenedor padre con márgenes negativos */
  margin-top: -24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 16px; /* Mantenemos la separación con el párrafo */
  /* 2. Redondeamos solo las esquinas superiores para que coincida con el padre */
  border-radius: 12px 12px 0 0; 
  /* Tu color de fondo (ajusta el código hexadecimal al que necesites) */
  background-color: #00aec3; 
  height: 100%;
  /* 3. Ajustes de caja y contenido */
  width: auto; /* Al usar márgenes negativos, auto evita desbordamientos horizontales */
  min-height: 40px; /* Usar min-height permite que el contenedor crezca si el título tiene 2 líneas */
  padding: 12px 16px; /* Espacio interno para que el texto no quede pegado a los bordes del color */
  /* Centrado flexbox */
  display: flex; 
  align-items: center; 
  justify-content: center;
}
/* Estilos para el h3 dentro de su nuevo div */
.titulo-card h3 {
  font-size: 19px; 
  text-align: center; 
  margin: 0; /* Reseteamos los márgenes por defecto para que no rompa el height de 30px */
  color: white; 
}
/* Contenedor exclusivo para el párrafo */
.texto-card {
  /* Hereda el text-align: left y el font-size de 18px de la tarjeta padre */
  line-height: 1.5; /* Mejora la legibilidad del bloque de texto */
 line-height: 1.5;
  align-self: start; /* Obliga al texto a pegarse a la parte superior de su área disponible */
  margin-top: 5px; /* Ahora este valor define exactamente la separación que quieres */
}





/**************** Contenedor principal responsive - TABLA COSTOS CABA PILAR********************/
.tabla-costos-caba-pilar-hijos {
  display: table;width: 90%;max-width: 890px;margin: 0 auto 40px;
  /*box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
  /*border-radius: 15px;*/
  /*border-collapse: collapse;*/
  box-sizing: border-box;}
/* Filas */
.tabla-costos-caba-pilar-hijos .tabla-row {display: table-row;}
/* Celdas comunes */
.tabla-costos-caba-pilar-hijos .tabla-cell {
  display: table-cell;
  /*border: 1px solid rgb(186,186,186);*/
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  background-color: #f3f6f9;
  padding: 14px 21px;
  font-size: 16px;
  vertical-align: middle;}
.tabla-costos-caba-pilar-hijos span{font-size:0.7em;}
/* Alineación de columnas pares (funciona con 2, 3 o más columnas) */
.tabla-costos .tabla-cell:nth-child(even) {text-align: center;}
/* Adaptación responsive para pantallas móviles pequeñas */
@media screen and (max-width: 600px) {
  .tabla-costos-caba-pilar-hijos {width: 97%; display: block;overflow-x: auto;
-webkit-overflow-scrolling: touch;margin:auto}
  .tabla-costos-caba-pilar-hijos .tabla-row {display: table-row;}
  .tabla-costos-caba-pilar-hijos .tabla-cell {font-size: 14px; padding: 10px 12px; }}
.tabla-costos-caba-pilar-hijos .fila1:first-child {border-top-left-radius: 18px;font-size: 23px;font-weight:600;}
/* Esquina superior derecha */
.tabla-costos-caba-pilar-hijos .fila1:last-child {border-top-right-radius: 18px;font-size: 25px;text-align:center;}
/* Esquina inferior izquierda */
.tabla-costos-caba-pilar-hijos .fila2:first-child {border-bottom-left-radius: 18px;font-size: 23px;font-weight:600;}
/* Esquina inferior derecha */
.tabla-costos-caba-pilar-hijos  .fila2:last-child {border-bottom-right-radius: 18px;font-size: 25px;text-align:center;}



/******************ESTILO CAJA Y LISTA ORDENADA - PASOS GUÍA COSTO VTV CABA*********************** */
:root {
    /* Paleta institucional (Azul CABA/PBA y tonos neutros) */
    --vtv-primary: #003366;       /* Azul marino institucional */
    --vtv-node-active: #0c2b4d;   /* Color de los círculos y línea */
    --vtv-text-dark: #1f2937;     /* Color del cuerpo del texto */}
/* Contenedor principal */
.tramite-pasos {
    max-width: 950px;
	margin-left:2px;
	margin-bottom:2.1rem;
    padding: 1.5rem;
	padding-bottom:0.8rem;
    color: var(--vtv-text-dark);
	border:1px solid rgb(184,184,184);
	border-radius:25px;}
/* Lista ordenada con línea temporal continua */
.steps-timeline {list-style: none;padding: 0; margin: 0;position: relative;}
/* Cada paso (li) genera el círculo y el tramo de línea vertical */
.steps-timeline > li {position: relative;padding-left: 47px;padding-bottom: 1rem;}
/* Línea vertical continua */
.steps-timeline > li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 22px;
    bottom: 0;
    width: 2px;
    background-color: var(--vtv-node-active);}
/* Quita la línea sobrante del último paso */
.steps-timeline > li:last-child::before {display: none;}
/* Círculos / Nodos conectores */
.steps-timeline > li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-color: var(--vtv-node-active);
    border-radius: 50%;
    box-sizing: border-box;}
/* Títulos y textos de los pasos */
.steps-timeline p { margin: 0 0 0.5rem 0;font-size: 1rem;line-height: 1.55;}
/* Ajustes Responsive */
@media (max-width: 600px) {
    .tramite-pasos {padding: 1rem;}
    .steps-timeline > li {padding-left: 40px;}
    .steps-timeline > li::after {width: 20px;height: 20px;}
    .steps-timeline > li::before {left: 9px;top: 20px;}}


/************ Bloques de advertencia / NOTA Importante *************/
.nota-importante{ margin-top: 0.8rem;padding: 0.85rem 1rem;background:rgba(185, 208, 237,.2);border-left: 4px solid #4D79B3;border-radius: 9px 4px 4px 9px;font-size: 1.1rem;color:#031D33}@media screen and (max-width: 500px) {.nota-importante{padding-left:11px}}

/******************* ESTILO DEL BOTONES SOLICITAR TURNO -GUIAS */
.boton-solicitar-turno1 a {margin-bottom:27px;position: relative;display: inline-block;padding:12px 24px;color:#ffffff;text-decoration: none;font-weight: bold;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;;z-index: 1; /* Mantiene el texto por encima del fondo */}
.boton-solicitar-turno1 a:hover{color:#ffffff}
/* El fondo real del botón */
.boton-solicitar-turno1 a::before { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  background-color: #008ce0;  /* Color de fondo normal */
  border-radius: 11px;z-index: -1;                /* Se coloca detrás del texto */
  transition: transform 0.3s ease, background-color 0.3s ease;}
/* Efecto hover: se expande SOLO el fondo en el eje vertical */
.boton-solicitar-turno1 a:hover::before {
  transform: scaleY(1.1);     /* Se expande un 20% verticalmente sin moverse */
  background-color: #008ce0;  /* Color de fondo al pasar el cursor */}


/***ESTILO CAJA PREGUNTAS FYQ SCHEMA DE YOAST SEO**/
.fyq-yoast-seo{padding: 33px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;border-radius:18px;margin-bottom:28px;background:#FAFCFF}
.fyq-yoast-seo .schema-faq-question{display:flex;font-size:21px;font-family:"Poppins";color:rgb(10, 63, 84);display:flex;justify-content:center;font-weight:600;margin-bottom:.5rem;text-align:center}

/*****ESTILO DE CAJAS CON LISTAS GENERAL- PILAR E HIJOS - EJEMPLO H2:QUE PASA SI NO APRUEBO LA VTV CABA- CABA PILAR***/
.caja-listas-estilo{width:97%;background:#f8fafc;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
border-radius:18px;margin:auto;margin-bottom:30px;padding:28px 19px 28px 31px;list-style: none}
/* ELEMENTOS DE LISTA (LI): Espaciado uniforme */
.caja-listas-estilo li {position: relative;font-size:1.15rem;color:#072435;padding-left:28px; /* Espacio exacto para el visto bueno */margin-bottom:12px}
.caja-listas-estilo li:last-child{margin-bottom:0}
.caja-listas-estilo li::before {content: "➜";position:absolute;left:0;top:0;color:#0A3B23;font-weight:bold;font-size:13px;line-height:2.6;}
@media screen and (max-width: 500px) {.caja-listas-estilo{padding:19px 15px 19px 19px}}

/*****ESTILO DE CAJAS CON LISTAS PARA REQUISITOS - PILAR E HIJOS - EJEMPLO H2:REQUISITOS VTV - CABA PILAR***/
.caja-listas-requisitos{width:97%;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
border-radius:18px;margin:auto;margin-bottom:30px;padding:29px 19px 29px 31px;list-style: none}
/* ELEMENTOS DE LISTA (LI): Espaciado uniforme */
.caja-listas-requisitos li {position: relative;padding-left:28px; /* Espacio exacto para el visto bueno */margin-bottom:12px}
.caja-listas-requisitos li:last-child{margin-bottom:0}
.caja-listas-requisitos li::before {content: "🗸";position:absolute;left:0;top:0;color:#0A3B23;font-weight:bold;font-size:13px;line-height:2.6;}

/*****ESTILO DE CAJAS CON LISTAS PARA CONSEJOS - PILAR E HIJOS - EJEMPLO H2:REQUISITOS VTV - CABA PILAR***/
.caja-listas-consejos{width:97%;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
border-radius:18px;margin:auto;margin-bottom:30px;padding:29px 19px 29px 31px;list-style:none}
/* ELEMENTOS DE LISTA (LI): Espaciado uniforme */
.caja-listas-consejos li {position: relative;padding-left:28px; /* Espacio exacto para el visto bueno */margin-bottom:12px}
.caja-listas-consejos li:last-child{margin-bottom:0}
.caja-listas-consejos li::before {content: "✦";position:absolute;left:0;top:0;color:#0A3B23;font-weight:bold;font-size:14px;line-height:1.9;}
/* ESILO DE LA Imagen de fondo con % de transparencia en el lateral derecho PARA CONSEJOS */
.caja-listas-consejos{position:relative;z-index:1;overflow: hidden}
.caja-listas-consejos::after {
  content: "";position: absolute;top: 0;right: 0;width: 230px; /* Ajusta según el tamaño deseado para la caricatura */
  height: 100%;background-image: url('https://vtvturno.com/wp-content/uploads/vtv-personaje-completo-1.png'); /* Reemplaza con la ruta de tu imagen */
  background-repeat: no-repeat;background-position: calc(100% + 40px) 16%;background-size:110%; /*background-position: center right;background-size: contain;perso completo*/opacity: 0.1; /* Transparencia del 30% */
  pointer-events: none; /* Permite hacer clic a través de la imagen si hay enlaces */
  z-index: -1; /* Coloca la imagen DETRÁS del texto */}
.caja-listas-consejos li {z-index: 2; /* Asegura que el texto y los viñetas estén por ENCIMA de la imagen */}


/*ESTILO TEXTOS WIDGETS FOOTER**/
.enlaces-widget-footer {display:flex;flex-direction:column} .enlaces-widget-footer header{color: #324f72;font-family:'Poppins';font-weight:600;font-size:18px;margin-bottom:0.4em}  .enlaces-widget-footer a{font-size:0.9em;line-height:1.6em} 
.footer-widget-2 h2{font-size:0.9em}   .footer-widget-2 .menu-menu-footer-container{font-size:0.9em;line-height:1.2em}