/*
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 */

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

body{
	font-family: "Red Hat Display", sans-serif;
}

a,h1,h2,h3{
	font-family: "Red Hat Display", sans-serif;
}
#site-header{
border-bottom: none!important;
}
.header-casana .btn-contacto a{
	 background: #011126;
    color: #fff !important;
    padding: 10px 40px !important;
    border-radius: 10px;
}

.header-casana .btn-contacto a:hover{
	background: #8C895D;
}

.titulos-blancos h1{
	color: #E8E2D6;
    font-size: 36px;
    letter-spacing: 4px;
    font-weight: 800;
}

.btn-botones:hover{
	color: #fff!important;
    background-color: #8C895D!important;
}
.title-azul h1{
	color: #011126;
	font-size: 36px!important;
    letter-spacing: 4px;
    font-weight: 800!important;
}
strong{
	font-weight: 800!important;
}

/* formulario */

/* ═══════════════════════════════════════════════════════════════
   CASANA SUBSCRIBE FORM - CF7 v3 FINAL
   ═══════════════════════════════════════════════════════════════ */

/* Container principal y el <p> interno */
.casana-subscribe-form,
.casana-subscribe-form > p {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important; /* Cambiado a flex-start */
    gap: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 620px;
    position: relative;
}

.casana-subscribe-form br {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   CAMPO EMAIL
   ═══════════════════════════════════════════════════════════════ */

.casana-subscribe-form .wpcf7-form-control-wrap[data-name="your-email"] {
    flex: 1 1 auto !important;
    margin: 0 !important;
    position: relative !important;
}

.casana-subscribe-form input[type="email"] {
    width: 100% !important;
    height: 54px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    font-size: 16px !important;
    color: #011126 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 6px 0 0 6px !important;
    outline: none !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
}

.casana-subscribe-form input[type="email"]::placeholder {
    color: #666 !important;
}

.casana-subscribe-form input[type="email"]:focus {
    background: #fff !important;
}


.casana-subscribe-form .wpcf7-not-valid-tip {
position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0px !important;
    font-size: 14px !important;
    color: #ffc7c7 !important;
    white-space: nowrap !important;
    background: transparent !important;
    padding: 0 !important;
}


.casana-subscribe-form input[type="submit"] {
    flex: 0 0 auto !important;
    height: 54px !important;
    padding: 0 32px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #011126 !important;
    background: #8C895D !important;
    border: none !important;
    border-radius: 0 6px 6px 0 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    transition: background 0.3s ease, opacity 0.3s ease;
}
.casana-subscribe-form input[type="submit"]:hover {
    background: #8C895D !important;
}

.casana-subscribe-form input[type="submit"]:disabled,
.casana-subscribe-form input[type="submit"][disabled],
.wpcf7-form.submitting .casana-subscribe-form input[type="submit"] {
background: #a69545bd !important;
    color: rgb(26 26 26 / 71%) !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}

.casana-subscribe-form .wpcf7-spinner {
    display: none !important;
}

.casana-legal {
    max-width: 580px !important;
    margin: 20px auto 0 auto !important;
    padding: 0 !important;
}

.casana-legal,
.casana-legal > p,
.casana-legal > span {
display: flow;
    align-items: center !important;
    font-size: 15px !important;
    color: rgb(255 255 255 / 70%) !important;
}

.casana-legal br {
    display: none !important;
}

/* Checkbox */
.casana-legal .wpcf7-form-control-wrap {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.casana-legal .wpcf7-acceptance {
    display: inline-flex !important;
    align-items: center !important;
}

.casana-legal .wpcf7-list-item {
    margin: 0 8px 0 0 !important;
}

.casana-legal input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
    accent-color: #b8a850 !important;
}

.casana-legal .wpcf7-list-item-label {
    display: none !important; /* Oculta label vacío si existe */
}

/* Links */
.casana-legal a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.casana-legal a:hover {
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════
   MENSAJES DE RESPUESTA
   ═══════════════════════════════════════════════════════════════ */

.wpcf7 form .wpcf7-response-output {
    display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    display: block !important;
    max-width: 580px !important;
    margin: 20px auto 0 auto !important;
    padding: 12px 20px !important;
    border: none !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
   background: rgb(255 255 255 / 73%) !important;
    color: #011126 !important;
    font-size: 30px !important;
    line-height: 31px;
    padding: 14px 25px !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    background: rgba(255, 100, 100, 0.15) !important;
    color: #ff6b6b !important;
}
input:focus,
button:focus {
  outline: none!important;
  border: none!important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
/* fin fomulario */

.btn-ingles{
	    margin-left: 15px!important;
}

.btn-ingles a{
    border: 1px solid #333;
    border-radius: 18px;
	background: transparent;
	transition: 0.2s;
}
.btn-ingles a:hover{
	background: #8c895d;
	color: #fff!important;
	border: 1px solid #E8E2D6;
}

a:focus {
    outline: solid 0px !important;
}
html {
    scroll-behavior: smooth;
}





/* RESPONISVE  */
@media (max-width: 768px) {
	.titulos-blancos h1,
	    .title-azul h1,
		.titulos-blancos h1 {
			font-size: 24px!important;
	     }
	.header-casana .elementor-nav-menu--dropdown li a{
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.btn-ingles a{
	    display: inline-block !important;
		width: 100%;
	}
	.btn-contacto,
	.btn-ingles {
		margin: 15px !important;
		text-align: center;
	}
	body{
		background: #E8E2D6;
	}
	.casana-popup-left{
		display: none!important;
	}
}

@media (max-width: 480px) {
    .casana-subscribe-form,
    .casana-subscribe-form > p {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .casana-subscribe-form .wpcf7-form-control-wrap[data-name="your-email"] {
        width: 100% !important;
    }
    
    .casana-subscribe-form input[type="email"] {
        border-radius: 4px !important;
    }
    
    .casana-subscribe-form input[type="submit"] {
        width: 100% !important;
        border-radius: 4px !important;
    }
    
    .casana-subscribe-form .wpcf7-not-valid-tip {
        position: relative !important;
        top: auto !important;
        margin-top: -8px !important;
    }
    
    .casana-legal {
        justify-content: center !important;
    }
}