/**
 * Theme Name:     Intdea
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */


#main-header{
    box-shadow: none;
    border-bottom: 1px solid #b91498;
}

#biblio table.dataTable {
    table-layout: fixed !important; /* hace que los anchos respeten los porcentajes */
    width: 100% !important;         /* ocupa todo el contenedor */
}

#biblio table.dataTable th, #biblio table.dataTable td {
    width: 20%;          /* 4 columnas iguales, ajusta según número de columnas */
    /*overflow: hidden;    */
    text-overflow: ellipsis; 
 /* evita salto de línea */
}

#biblio table.dataTable th:first-child, #biblio table.dataTable td:first-child{
    width: 35%;
}

#biblio .wpDataTablesWrapper .dataTables_filter {
  float: none;
  text-align: center;
}

#biblio td{
    font-size: 14px !important;
    padding: 5px 8px !important;
    line-height: 1.1em;
}

#biblio td{
    max-width: 300px !important;
    word-wrap: break-word;
    white-space: normal;
}

/* Tooltip de preview */
#biblio .img-preview-tooltip {
    position: absolute;
    pointer-events: none;
    display: none;
    z-index: 9999;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transition: opacity 0.2s;
    opacity: 0;
}

#biblio .img-preview-tooltip img {
    max-width: 200px;   /* tamaño máximo del preview */
    max-height: 200px;
    display: block;
}

#biblio .img-preview-tooltip img {
    max-width: 200px; /* tamaño del preview */
    max-height: 200px;
    display: block;
}

.et_pb_team_member_image img {
  border-radius: 50% !important;
	max-width: 130px !important;
}

.addtoany_share_save_container, .addtoany_content, .addtoany_content_bottom{
    text-align: center !important;
}

.et_pb_team_member_image{
	max-width: 100% !important;
}

.eventDate-ecs-icon::before, .eventTime-ecs-icon::before, .venue-ecs-icon::before, .organizer-ecs-icon::before, .weburl-ecs-icon::before, .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border, .tribe-events-meta-group a {
  color: #a02b60 !important;
border-color: #a02b60 !important;
}

.tribe-events-meta-group .tribe-events-single-section-title {
	text-transform: none;
	font-size: 1.5em;
	letter-spacing: 0 !important;
}

.servicios img, .servicios-movil img{
    border-radius: 50% !important;
}


.miembros .et_pb_team_member_image > img
{
	border-radius: 50% !important;
}

.single-tribe_events .tribe-events-single .tribe-events-event-meta {
	width: 100% !important;	
}

selector {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 20px;
}



@media (max-width: 980px) {
  selector {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  selector {
    grid-template-columns: repeat(2, 1fr);
}


h2{
    text-align: left;
    font-size: 24px !important;
}

.et_pb_row_6_tb_footer .et_pb_text_inner{
    text-align: center;
}




}


/* ---------- Mobile: convertir a bloques verticales ---------- */
@media screen and (max-width: 768px) {
    #biblio table.dataTable,
    #biblio thead,
    #biblio tbody,
    #biblio th,
    #biblio td,
    #biblio tr {
        display: block;
        width: 100%;
    }

    /* Ocultar encabezado original */
    #biblio thead tr {
        display: none;
    }

    /* Cada fila como tarjeta */
    #biblio tbody tr {
        margin-bottom: 12px;
        border: 1px solid #e2e2e2;
        padding: 0px;
        border-radius: 0px;
        background: #fff;
       /* box-shadow: 0 1px 2px rgba(0,0,0,0.03);*/
    }

    /* Cada celda como fila campo:valor */
    #biblio table.dataTable td {
        display: flex;
        justify-content: space-between;
        padding: 6px 4px;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 0;
        background: #fff;
    }


    #biblio table tbody tr td:first-child span {
        font-size: 1.1em;
        font-weight: 500;
        line-height: 1.15;
    }

    /* label (data-label) */
    #biblio tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        flex-basis: 50%;
        text-transform: none;
        padding-right: 10px;
        color: #A02B60;
    }

    /* Forzamos que cada celda se adapte al contenido */
    #biblio tbody td {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        white-space: normal !important;
        display: block !important;
    }

    /* Que el contenedor interno (span) pueda saltar de línea */
    #biblio tbody td span {
        display: block;
        white-space: normal !important;
        overflow-wrap: break-word; /* por si hay URLs largas */
        word-break: break-word;
    }


    /* valor: usamos el span.data-value */
    #biblio tbody td span.data-value {
        flex-basis: 50%;
        text-align: right;
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
    }


#biblio table.dataTable th:first-child, #biblio table.dataTable td:first-child {
  width: 100%;
}



    /* Si quieres que ciertos campos (ej: portada) no se alineen a la derecha */
    #biblio tbody td.column-portada span.data-value {
        text-align: left;
    }
    
.et_header_style_centered #logo {
  max-height: 85px;
}

    
    
}


@media (max-width: 600px) {
.servicios-movil > .et_pb_module{
    display: inline-block;
    width: 50%;
    text-align: center;
}

.servicios-movil .et_pb_image_wrap{
    width: 100px !important;
}

.servicios-movil > .et_pb_module h4{
    font-size: 16px !important;
}

}