/* Child */

.lp-staticslider .staticslider-caption-title, .seriousslider.seriousslider-theme .seriousslider-caption-title { font-weight:bold;font-size:4em; }
.entry-meta { display:flex; padding:0; height:28px; }

.fb-share-button { padding:0; margin:0; margin-right:6px; width:102px; height:28px; }
.wp-share-button { padding:0; margin:0; margin-right:10px; }
.tg-share-button { padding:0; margin:0; }
.wp-share-button img { padding:0; margin:0; width:102px; height:28px; }
.tg-share-button img { padding:0; margin:0; width:102px; height:28px; }

.prod-txt { border:1px solid #1e1e1e; }
.prod-gal { border:1px solid #1e1e1e; }

.msg { margin:10px 0; }
.msg-err { color:red; }
.msg-ok { color:green; }

.cont-form { width:100%; }
.cont-form div.input { width:100%; margin-bottom:10px; }
.cont-form label { display:block; margin-top:10px; }
.cont-form input, .cont-form textarea { width:100%; margin-left:auto; }
.cont-form textarea { height:200px; }
.cont-form input[type=button] { width:auto; }

@media screen and (max-width:400px) {
    .cont-form textarea { height:300px; }
}
@media screen and (min-width:700px) {
    .cont-form input, .cont-form textarea { width:700px; margin-left:auto; }
    .wp-share-button { display:none; }
    .tg-share-button { display:none; }
}


/* --- Estilos para el Logotipo Flotante de Wpp --- */
.floating-logo-link {
    /* Posicionamiento */
    position: fixed; /* Fija el elemento relativo a la ventana del navegador */
    bottom: 24px;    /* Distancia desde el borde inferior */
    right: 24px;     /* Distancia desde el borde derecho */
    z-index: 1000;   /* Asegura que esté por encima de otros elementos */

    /* Dimensiones */
    width: 64px;
    height: 64px;

    /* Estilos Visuales */
    background-color: white;
    border-radius: 50%; /* Crea la forma circular */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Sombra */
    
    /* Centrado del contenido interno (la imagen) */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Transición para el efecto hover */
    transition: transform 0.2s ease-in-out;
}

/* Efecto al pasar el cursor por encima */
.floating-logo-link:hover {
    transform: scale(1.1); /* Agranda ligeramente el logo */
}

/* Estilos para la imagen dentro del enlace */
.floating-logo-img {
    width: 60px; /*40px*/
    height: 60px; /*40px*/
    object-fit: contain; /* Asegura que la imagen se ajuste sin deformarse */
}

/* --- Diseño Adaptativo (Responsive) --- */
/* Para pantallas más grandes (tablets y escritorios) */
@media (min-width: 768px) {
    .floating-logo-link {
        width: 80px;
        height: 80px;
    }
    .floating-logo-img {
        width: 80px; /*48px*/
        height: 80px; /*48px*/
    }
}