/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Cabecera: Alineación del logotipo y de los botones de Social Media */

/* Menú */
#site-navigation-wrap .dropdown-menu {
    display: block;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Logotipo de cabecera */
#site-logo {
	text-align: left;
	margin-left: 0px;
}

/* Iconos Sociales: Cabecera */
.oceanwp-social-menu{
	text-align: right;
	margin-right: 0px;
}

#site-navigation{
	margin-right: -50px;
	margin-left: -50px;
}

/* Lista de Noticias: Quitar el texto de comentarios */
.blog-entry-comments{
	display: none;
}

/* Lista de Noticias: Alinear a la izquierda la fecha*/
.blog-entry-date{
	float: left;
}

/* Lista de Noticias: quitar el texto del pie de foto */
.thumbnail-caption{
	display: none;
}

/* Ocultar comentarios en el widget de entradas recientes */
.recent-posts-comments{
	display: none !important;;
}

/* Ocultar el icono de la impresora y poner un reloj */


.fax .icon-printer:before {
	font-size: 12px;
    content: "\f017" !important;
    font-family: "Font Awesome 5 Free" !important;
}

.single-page-article .wp-block-post-featured-image {
    /* Ajusta estos valores según el espacio que quieras "comerle" al margen */
	margin-top: -30px; 
    margin-left: -30px; 
    margin-right: -30px;
    width: calc(100% + 60px); /* 100% + la suma de los dos márgenes negativos */
    max-width: none;
}

/* Convertir la imagen del Info Box en círculo */
.destacado img {
    border-radius: 50% !important; /* Crea el efecto circular */
    object-fit: cover;             /* Evita que la imagen se estire o deforme */
    width: 300px;                  /* Ajusta el tamaño según necesites */
    height: 300px;                 /* Debe ser igual al ancho */
    margin: 0 auto;                /* Centra la imagen horizontalmente */
	margin-bottom: 20px; 
    display: block;
	border: 2px solid #000000;  /* Borde negro sólido de 1px */
    /* Sombra: desplazamiento-X, desplazamiento-Y, desenfoque, color con transparencia */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
}