:root { --accent: #6b3fa0; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }body:not(.logged-in) .header-right .header-button { display: none; } .fieldset-disponibilidad { background-color: #e7d1fc !important; /* Light yellow background for the whole field section */ border: 5px solid #8918e7 !important; /* Optional border */ padding: 15px !important; /* Inner spacing */ border-radius: 5px !important; /* Optional rounded corners */ } .fieldset-disponibilidad label, .fieldset-disponibilidad legend { font-weight: bold !important; /* Makes the text bold */ font-size: 1.8em !important; /* Increases the font size */ } /* Style ONLY the Disponibilidad select box */ .fieldset-disponibilidad .select2-selection { background-color: #f3e5f5 !important; /* Light background */ border: 1px solid #8918e7 !important; border-radius: 5px !important; } /* Unify dropdown look */ .wpcf7 select { width: 100%; border: none; border-bottom: 1px solid #ccc; padding: 8px 32px 8px 4px; /* extra right padding for arrow */ font-size: 16px; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } /* Custom purple arrow */ .wpcf7 select { background-image: url("data:image/svg+xml;utf8,<svg fill='%237a3db8' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 8px center; background-size: 16px 16px; } /* Hover/focus effect */ .wpcf7 select:focus { border-bottom: 1px solid #7a3db8; /* purple focus line */ outline: none; }