/*
Theme Name: LaSirena
Theme URI: https://uncutmakers.com/
Template: Divi
Author: UncutMakers / RainMakers
Author URI: https://uncutmakers.com/
Description: LaSirena
Version: 1.0
Updated: 2025-10-03 13:00

*/

@import url('https://fonts.cdnfonts.com/css/stag');
@import url('https://fonts.cdnfonts.com/css/stack-ssi');

h1,h2,h3,h4,h5,h6{font-family: 'Stag Sans', sans-serif !important;font-weight:900;}
p,a{font-family: 'Stag Sans', sans-serif !important;font-weight:400;}
p.baseslegales{font-size:13px !important;}

/*buttons*/
body a.et_pb_button,body button.et_pb_button,body a.et_pb_button:hover,body button.et_pb_button:hover,body a.et_pb_button:active,body button.et_pb_button:active{width:100%;text-align:center;background:#1D1D1B !important;color:#FEFDFD !important;border-radius:8px !important;letter-spacing:1.25px;text-transform:uppercase;font-size:14px;line-height:36px !important;font-family:Roboto, sans-serif;font-weight:500;border:0 !important;cursor:pointer;}
body a.et_pb_button:hover,body button.et_pb_button:hover{color:#FFB64B !important;}
body a.et_pb_button:active,body button.et_pb_button:active{background:#FFB64B !important;color:#1D1D1B !important;}

/*socialicons*/
.et_pb_social_media_follow li a.icon:before{font-size:20px !important}
.et_pb_social_media_follow li,.et_pb_social_media_follow li a.icon{background-color:transparent !important;}
.et_pb_social_media_follow.darkicons li.et-social-tiktok{background:#1D1D1B !important;border-radius:50px;}
.et_pb_social_media_follow.darkicons li.et-social-tiktok:hover{background:#fefdfd !important;border-radius:50px;}
.et_pb_social_media_follow.darkicons li.et-social-tiktok a.icon:before{color:#FFB64B !important;font-size:16px !important;}
.et_pb_social_media_follow.darkicons li.et-social-youtube:hover a.icon:before,.et_pb_social_media_follow.darkicons li.et-social-instagram:hover a.icon:before{color:#feffdf !important;}
.et_pb_social_media_follow.lighticons li.et-social-tiktok{background-color:white !important;border-radius:50px;}
.et_pb_social_media_follow.lighticons li.et-social-tiktok:hover{background-color:#FFB64B !important;border-radius:50px;}
.et_pb_social_media_follow.lighticons li.et-social-tiktok a.icon:before{font-size:16px !important;}
.et_pb_social_media_follow.lighticons li.et-social-instagram:hover{background-color:#1D1D1B !important;border-radius:50px;}
.et_pb_social_media_follow.lighticons li.et-social-youtube:hover a.icon:before,.et_pb_social_media_follow.lighticons li.et-social-instagram:hover a.icon:before{color:#FFB64B !important;}
.et_pb_module.et_pb_image.footer-plate{margin-bottom:-65vw!important}

/*swiper*/
.swiper{overflow:visible;}

/*floatingimg*/
.floatingimg:before {display: block;height: 70vw;width: 70vw;position: absolute;content: "";background-position: center;background-size: contain;background-repeat:no-repeat;top:-40vw;left:40vw;}
.floatingimg.gambas:before{background-image: url(https://foodup.es/wp-content/uploads/2025/10/plato-fideos-gambas-big.webp);}
.floatingimg.pollocurry:before{background-image: url(https://foodup.es/wp-content/uploads/2025/10/plato-pollo-curry-arroz-big.webp);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* FoodUp Promo Styles */
#foodup-container {width: 95%;max-width: 400px;margin: 0 auto;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;background: #fff;border-radius: 16px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);overflow: hidden;position: relative;}
.foodup-step {padding: 40px 30px;text-align: center;background: #fff;min-height: 400px;display: flex;flex-direction: column;justify-content: center;}
.foodup-header {margin-bottom: 30px;}
.foodup-subtitle {display: block;font-size: 12px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;color: #666;margin-bottom: 10px;}
.foodup-step .foodup-header img,.foodup-step .foodup-logo img{max-width:40vw;}
.foodup-header h2 {font-size: 24px;font-weight: 700;color: #333;margin: 0 0 15px 0;line-height: 1.3;}
.foodup-header p {font-size: 16px;color: #666;line-height: 1.5;margin: 0;}
#foodup-container.winner{border:1px solid #FFB64B;}
#foodup-container.winner h2{color: #FFB64B;}
#foodup-container.winner #foodup-step3:before {display: block;content: "";width: 50vw;height: 50vw;position: absolute;background: url(https://foodup.es/wp-content/uploads/2025/09/plato-wok-verduras.webp) center no-repeat;background-size: contain;left: -30vw;top: -25vw;}
#foodup-container.winner #foodup-step3:after {
    display: block;content: "";width: 50vw;height: 50vw;position: absolute;background: url(https://foodup.es/wp-content/uploads/2025/09/plato-pollo-teriyaki.webp) center no-repeat;background-size: contain;right: -30vw;bottom: -10vw;}

/* Code inputs */
.foodup-code-inputs {display: flex;justify-content: center;gap: 15px;margin: 30px 0;}
.foodup-code-input {width: 1.5em;border:1px solid #FFB64B;border-radius: 12px;text-align: center;font-size: 3em !important;font-weight: 700;color: #FFB64B !important;background: #fff;transition: all 0.3s ease;font-family:stag !important;padding:10px;display:flex;align-items:center;justify-content:center;max-width:22.5%;}
.foodup-code-input:focus {outline: none;border-color: #FFB64B;box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);color: #1D1D1B !important;}
.foodup-code-input.filled {background: #FFB64B;color: #fff;border-color: #FFB64B;}

/* Buttons
.foodup-btn {background: #1D1D1B;color: #fff;border: none;padding: 16px 20px;border-radius: 8px;font-size: 16px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;cursor: pointer;transition: all 0.3s ease;width: 100%;max-width: 300px;margin: 0 auto;}
.foodup-btn:hover {background: #222;transform: translateY(-2px);}
.foodup-btn:disabled {background: #ccc;cursor: not-allowed;transform: none;} */

/* Form fields */
.foodup-field {margin-bottom: 20px;text-align: left;}
.foodup-field label {display: block;font-size: 14px;font-weight: 600;color: #333;margin-bottom: 8px;}
.foodup-field input {width: 100%;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 16px;color: #333;background: #fff;transition: border-color 0.3s ease;box-sizing: border-box;}
.foodup-field input:focus {outline: none;border-color: #ff6b35;}
.foodup-field input.error {border-color: #e74c3c;}
.foodup-field-error {display: block;color: #e74c3c;font-size: 12px;margin-top: 5px;min-height: 16px;}

/* Checkboxes */
.foodup-checkboxes {margin: 25px 0;text-align: left;}
.foodup-checkbox {display: flex;align-items: flex-start;margin-bottom: 15px;cursor: pointer;font-size: 14px;line-height: 1.4;}
.foodup-checkbox input[type="checkbox"] {display: none;}
.foodup-checkbox .checkmark {width: 20px;height: 20px;border: 2px solid #ddd;border-radius: 4px;margin-right: 12px;position: relative;flex-shrink: 0;transition: all 0.3s ease;margin-top: 2px;}
.foodup-checkbox input[type="checkbox"]:checked + .checkmark {background: #FFB64B;border-color: #FFB64B;}
.foodup-checkbox input[type="checkbox"]:checked + .checkmark:after {content: '✓';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: black;font-size: 12px;font-weight: bold;}

/* Links */
.foodup-links {margin: 20px 0;text-align: center;}
.foodup-links a {display: block;color: #666;text-decoration: underline;font-size: 12px;margin-bottom: 8px;transition: color 0.3s ease;}
.foodup-links a:hover {color: #FFB64B;}

/* Bullets */
.foodup-bullets{display:block;background:url(https://foodup.es/wp-content/uploads/2025/10/form-bullets-transparent.svg) center no-repeat;background-size:contain;width:100%;height:12px;margin:30px 0 auto 0;}
#foodup-step2 .foodup-bullets{transform:rotate(180deg);}

/* Logo section */
.foodup-logo {margin-top: 30px;text-align: center;}
.times-up-logo {font-size: 48px;font-weight: 900;color: #333;letter-spacing: -2px;margin-bottom: 10px;}
.foodup-logo-text {font-size: 24px;font-weight: 700;color: #ff6b35;line-height: 1;margin-bottom: 10px;}
.promo-tagline {font-size: 14px;color: #666;font-style: italic;line-height: 1.2;}

/* Toast notification BOTTOM */
.foodup-toast {position: fixed;bottom: calc( 0dvh + 10px );left: 50%;transform: translateX(-50%) translateY(100px);background: #e74c3c;color: #fff;padding: 16px;border-radius: 4px;font-size: 16px;font-weight: 600;z-index: 999999999;opacity: 0;transition: all 0.3s ease;width:95%;box-shadow:inset -8px 0 0 rgba(255,255,255,.25);display:flex;gap:10px;}
.foodup-toast.show {opacity: 1;transform: translateX(-50%) translateY(0);}

/* Popup overlay */
.foodup-popup-overlay {cursor:pointer;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 10000;display: none;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;}
.foodup-popup {background: #fff;border-radius: 12px;max-width: 600px;width: 100%;max-height: 80vh;overflow-y: auto;position: relative;}
.foodup-popup-close {position: absolute;top: 15px;right: 20px;font-size: 30px;color: #999;cursor: pointer;line-height: 1;z-index: 1;}
.foodup-popup-close:hover {color: #333;}
.foodup-popup-content {padding: 50px 40px 40px;}
.popup-content-section h3 {font-size: 24px;color: #333;margin-bottom: 20px;}
.popup-content-section p {font-size: 16px;line-height: 1.6;color: #666;margin-bottom: 15px;}

/* Error message */
.foodup-error {background: #ffe6e6;color: #e74c3c;padding: 15px;border-radius: 8px;font-size: 14px;margin-top: 20px;border-left: 4px solid #e74c3c;}

/* Responsive design */
@media (max-width: 600px) {
    #foodup-container {margin: 0 auto;border-radius: 16px;}
    .foodup-step {padding: 32px 16px;}
    .foodup-header h2 {font-size: 20px;}
	.foodup-code-inputs {gap: 10px;}
    .times-up-logo {font-size: 36px;}
    .foodup-popup-content {padding: 40px 25px 30px;}
}

/* Loading states */
.foodup-btn.loading {position: relative;color: transparent;}
.foodup-btn.loading:after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid #fff;border-top-color: transparent;border-radius: 50%;animation: spin 1s linear infinite;}

@keyframes spin {
    to {transform: rotate(360deg);}
}

/* Focus styles for accessibility */
.foodup-btn:focus, .foodup-code-input:focus, .foodup-field input:focus, .foodup-checkbox:focus-within .checkmark {outline: 1px solid #1D1D1B;outline-offset: 0px;border:1px solid #1D1D1B !important;}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .foodup-code-input, .foodup-field input {border-width: 3px;}
    .foodup-btn {border: 2px solid #333;}
}

/* Recipe Slider Styles */
.recipe-slider-container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;position: relative;}
.recipe-slider {padding: 20px 0;}
.recipe-card {background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 4px 0px 32px rgba(0, 0, 0, 0.16);transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;padding:16px;}
.recipe-card:hover {box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}
.recipe-card-image {width: 100%;height: 250px;overflow: hidden;position: relative;}
.recipe-card-image img {width: 100%;height: 100%;object-fit: contain;}
.recipe-card-content {padding: 24px 16px;flex-grow: 1;display: flex;flex-direction: column;}
.recipe-card-category {font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;color: #666;margin-bottom: 12px;opacity: 0.8;}
.recipe-card-title {font-size: 24px;font-weight: 700;line-height: 1.3;color: #333;margin: 0 0 16px 0;flex-grow: 1;}
.recipe-card-description {font-size: 16px;line-height: 1.5;color: #666;margin: 0 0 24px 0;}

/* Swiper Navigation Buttons */
.recipe-slider .swiper-button-next, .recipe-slider .swiper-button-prev {width: 50px;height: 50px;background: #fff;border-radius: 50%;color: #2c2c2c;transition: all 0.3s ease;transform: translateY(-50%);}
.recipe-slider .swiper-button-next:after, .recipe-slider .swiper-button-prev:after {font-size: 20px;font-weight: 700;}
.recipe-slider .swiper-button-next:hover, .recipe-slider .swiper-button-prev:hover {background: #2c2c2c;color: #fff;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}

/* 
.recipe-slider .swiper-button-next {right: -25px;}
.recipe-slider .swiper-button-prev {left: -25px;}
*/

/* Responsive Design */
/*@media (max-width: 1024px) {
	.recipe-slider .swiper-button-next {right: -15px;}
	.recipe-slider .swiper-button-prev {left: -15px;}
	}
*/

@media (max-width: 768px) {
    .recipe-slider-container {padding: 0 15px;}
    .recipe-card-image {height: 200px;}
    .recipe-card-content {padding: 20px;}
    .recipe-card-title {font-size: 20px;}
    .recipe-card-description {font-size: 14px;margin-bottom: 20px;}
    .recipe-card-button {padding: 14px 20px;font-size: 13px;}
    .recipe-slider .swiper-button-next,
    .recipe-slider .swiper-button-prev {width: 40px;height: 40px;}
    .recipe-slider .swiper-button-next:after, .recipe-slider .swiper-button-prev:after {font-size: 16px;}
}

@media (max-width: 480px) {
    .recipe-slider-container {padding: 0 10px;} 
    .recipe-card-image {height: 80vw;}
    .recipe-card-content {padding: 16px;}
    .recipe-card-description {font-size: 16px;margin-bottom: 16px;}
}

/* Loading state */
.recipe-card-image img[src*="data:image/svg"] {opacity: 0.5;}

/* Smooth transitions for all interactive elements */
* {box-sizing: border-box;}
.recipe-slider .swiper-slide {height: auto;}

/* Ensure cards have equal heights */
.recipe-slider .swiper-wrapper {align-items: stretch;}

/* Custom scrollbar for horizontal scrolling on touch devices */
.recipe-slider {-webkit-overflow-scrolling: touch;}

/* Focus styles for accessibility */
.recipe-card-button:focus {outline: 2px solid #007cba;outline-offset: 2px;}
.recipe-slider .swiper-button-next:focus, .recipe-slider .swiper-button-prev:focus {outline: 2px solid #007cba;outline-offset: 2px;}

@media (max-width:480px){
	.recipe-slider .swiper-button-next, .recipe-slider .swiper-button-prev {top: 100vw;}	
}

@media (min-width:481px){
	.module1{margin-top:-25vw !important;padding-top:25vw !important;}
	.module1 .et_pb_row .et_pb_column{max-width:400px;margin-left:5vw !important;}
	.module2 a.et_pb_button{max-width:300px !important;}
	.module2 .recipe-slider-container a.et_pb_button{max-width:100% !important;}
	.module2 .et_pb_button_module_wrapper{text-align:left !important;padding-left:5vw;}
	.recipe-slider .swiper-button-next, .recipe-slider .swiper-button-prev {box-shadow:0 0 20px 10px rgba(0,0,0,.16);}	
	.recipe-slider-container{max-width:95%;}
}
@media (min-width:769px){
	.module0{padding-bottom:100px !important;}
	.module0 .header-logo{width:250px !important;}
	div.et_pb_section.et_pb_section_1.module1{background-size:100vw;background-position:left top 10vw !important}
	.module2 .et_pb_button_module_wrapper{margin:20px 0 !important;}
	div.et_pb_section.et_pb_section_2.module2{background-image:none !important}
	div.et_pb_section.et_pb_section_2.module2:after{content: "";display: block;width:100vw;height:100vw;position: absolute;right: -50vw;top:-35vw;background-image: url(https://foodup.es/wp-content/uploads/2025/10/plato-wok-verduras-big.webp) !important;background-repeat:no-repeat;background-size:cover;}
	.module2 .recipe-card-image-wrapper{height:320px;width:100%;}
	.recipe-card-image-front img, .recipe-card-image-back img{object-fit:contain !important;}
	#foodup-container{max-width:1020px}
	#foodup-container p,#foodup-container h2{max-width:550px;margin:auto;}
	#foodup-container .foodup-step{padding: 48px 96px;}
	#foodup-personal-form{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;}
	#foodup-personal-form .foodup-field:nth-child(5){grid-column:span 2;margin:0;width:calc(50% - 10px);}
	#foodup-personal-form .foodup-checkboxes{grid-column:span 2;margin-bottom:0;}
	#foodup-personal-form .foodup-links{grid-column:span 2;margin-top:0;}
	#foodup-personal-form .foodup-btn,#foodup-personal-form .foodup-bullets{grid-column:span 2;max-width:100%;}
	.et_pb_module.et_pb_image.footer-plate{position:absolute;left:-300px;bottom:-350px;margin-bottom:0 !important}
}
@media (min-width:1025px){
	#foodup-container.winner #foodup-step3:before {width: 30vw;height: 30vw;left: -10vw;top: -10vw;}
	#foodup-container.winner #foodup-step3:after {width: 30vw;height: 30vw;right: -10vw;bottom: -10vw;}
	.foodup-step .foodup-header img,.foodup-step .foodup-logo img{max-width:200px;}
}
@media (min-width:1400px){
	div.et_pb_section.et_pb_section_2.module2:after{width:50vw;height:50vw;top:-25vw;right:-10vw;}
}