/* Estilos generales */

body {

    font-family: Arial, sans-serif;

    margin: 0;

    padding: 0;

    background-color: #f0f0f0;

}



.huggies-casting-container {

    max-width: none;

    margin: 0 auto;

    padding: 0px;

    background-color: #ffffff00;

    margin-bottom: 50px ! Important;

}



.blanco {

    display: flex

;

    justify-content: space-between;

    width: 1200px;

    margin: auto;

}



/* Estilos para el header */

header {

    display: flex

;

    justify-content: space-between;

    align-items: center;

    padding: 0px 0;



    background: white;

    margin: auto;

}



.logo {

    width: 134px;

}



.social-icons a {

    margin-left: 10px;

    color: #e4002b;

}



/* Estilos para la página principal */

.main-content {

    background-color: #e4002b00;

    color: #fff;

    padding: 0px;

    border-radius: 10px;

    max-width: 1200px;

    margin: auto;

}



.editor-styles-wrapper, .entry-content {

    counter-reset: footnotes;

    background-position: center;

    background: url(/wp-content/uploads/2024/11/LANDING_1.png);

    background-size: cover;

}





.hero {

    display: flex;

    align-items: center;



}



.hero-image {

    max-width: 50%;

    height: auto;

}



.hero-content {

    margin-left: 20px;

}



.hero-title {

    font-size: 2.5em;

    margin-bottom: 20px;

}









.steps {

    display: flex;

    justify-content: space-between;

}



.step {

    background-color: #fff;

    color: #e4002b;

    padding: 20px;

    border-radius: 10px;

    width: 30%;

}







.cta-section {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 40px;

}



.cta-button {

    background-color: #fff;

       color: #FF0000;

    padding: 10px 20px;

    text-decoration: none;

    border-radius: 5px;

    font-weight: bold;

}



/* Estilos para los formularios */

form {

    max-width: 600px;

    margin: 0 auto;

}



.form-group {

    margin-bottom: 20px;

}



label {

    display: block;

    margin-bottom: 5px;

    font-weight: bold;

}



input[type="text"],

input[type="email"],

input[type="tel"],

input[type="date"],

select {

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 4px;

    font-size: 16px;

}



.photo-upload {

    display: flex;

    justify-content: space-between;

}



.upload-area {

    width: 48%;

    height: 200px;

    border: 2px dashed #F00;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    cursor: pointer;

}



button[type="submit"] {

    background-color: #e4002b;



    padding: 10px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

    font-weight: bold;

}



/* Estilos para el popup */

.popup {

    display: none;

    position: fixed;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0,0,0,0.4);

}



.popup-content {

    background-color: #e4002b;

    margin: 15% auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

    max-width: 500px;

    text-align: center;

    color: white;

    border-radius: 10px;

}



.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

    cursor: pointer;

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}



/* Estilos para campos con error */

.error {

    border-color: #e4002b;

}



.blanco {

    display: flex

;

    justify-content: space-between;

    width: 100%;

    max-width: 1200px;

    margin: auto;

    padding: 0 20px;

    height: 50px;

    align-items: center;

}



        /* Estilos para el header */

header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: white;

  margin: auto;

    margin-top: auto;

  z-index: 9999999999999;

  position: relative;

  box-shadow: 8px 1px 21px rgba(0, 0, 0, 0.2);

  padding-bottom: 9px;

  padding-top: 7px;

  margin-top: -8px;

}



        .logo {

            width: 134px;

        }



        .social-icons a {

            margin-left: 10px;

            color: #e4002b;

        }

.social-icons a {

  padding: 1px;

  text-align: center;





  border-radius: 50px;

  color: #374151;

  width: 28px;

  background: #e5e5e5;

}



.social-icons {

  display: flex!Important;

  align-content: center;

  justify-content: center;

  flex-direction: row;

}



label, input, select, button {

  font-family: Inter!important;

  color:#FF0000;

}

.input-group input[type="date"] {

  color: #000 !important;

}



.upload-area .upload-text {



  color: black !important;

}


button[type="submit"] {

  border-radius: 8px!important;

}