/* ------------------------------ */
/* PAGINA "CHECKOUT" */
/* ------------------------------ */

/* OCULTAR CAMPOS DEL FORMULARIO "edit-address" DE FACTURACION */
#billing_country_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_city_field,
#billing_state_field,
#billing_postcode_field
{
    display: none !important;
}

/* TITULO */
.tpl-titulo-h3 {
  /* font-family: Poppins !important; */
  font-weight: 500 !important;
  font-size: 1.75rem !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  margin-bottom: 1.8rem !important;
  color: #000000 !important;
  text-align: left !important;
}

/* OCULTAR EL TITULO DEL CHECKOUT FACTURACION */
.woocommerce-checkout #customer_details .woocommerce-billing-fields h3:nth-of-type(1){
  display: none !important;
}

/* OCULTAR CHECK "ship-to-different-address-checkbox" */
#ship-to-different-address-checkbox,
#ship-to-different-address{
  display: none !important;
}

/* ----------------------------------------------------------------- */
/* BEG: OCULTAR POR DEFECTO LOS CAMPOS DE: FORMA DE ENTREGA */
/* ----------------------------------------------------------------- */

#shipping_country_field,
#shipping_address_2_field,
#shipping_company_field,
#shipping_postcode_field,
#shipping_last_name_field
{
  display: none !important;
}

/* ----------------------------------------------------------------- */
/* END: OCULTAR POR DEFECTO LOS CAMPOS DE: FORMA DE ENTREGA */
/* ----------------------------------------------------------------- */



/* --------------------------------------------- */
/* BEG: RADIO BUTTONS DE LA "FORMA DE ENTREGA" */
/* -------------------------------------------- */

/*
    - FUENTE:https://codepen.io/mblode/pen/VwGxaO
    - FUENTE: https://www.sliderrevolution.com/resources/styling-radio-buttons/
*/

#shipping_tpl_forma_entrega_field label.radio {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  margin: 0.5em;
  cursor: pointer;
  color: #292929 !important;
  border-radius: 0.25em;
  background: #efefef;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#shipping_tpl_forma_entrega_field label.radio {
  font-size: 1em;
  font-family: "Lato", sans-serif;
}
#shipping_tpl_forma_entrega_field label.radio:hover {
  background: #d6d6d6;
  color: #101010 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
}
#shipping_tpl_forma_entrega_field label.radio:active {
  transform: translateY(2px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}
@media (max-width: 40em) {
  #shipping_tpl_forma_entrega_field label.radio {
    /* padding: 0em 1em 3px; */
    margin: 0.25em;
  }
}


#shipping_tpl_forma_entrega_enviar_domicilio:checked + label.radio {
  background: #4183D7;
  color: #efefef !important;
}
#shipping_tpl_forma_entrega_enviar_domicilio:checked + label.radio:hover {
  background: #2c75d2;
  color: #e2e2e2 !important;
}
/*
#shipping_tpl_forma_entrega_enviar_domicilio:checked + label.radio {
  background: #2ECC71;
  color: #efefef !important;
}
#shipping_tpl_forma_entrega_enviar_domicilio:checked + label.radio:hover {
  background: #29b765;
  color: #e2e2e2 !important;
}

#no-button:checked + #shipping_tpl_forma_entrega_field label.radio {
  background: #D91E18;
  color: #efefef !important;
}
#no-button:checked + #shipping_tpl_forma_entrega_field label.radio:hover {
  background: #c21b15;
  color: #e2e2e2 !important;
}

*/

#shipping_tpl_forma_entrega_recoger_tienda:checked + label.radio {
  background: #4183D7;
  color: #efefef !important;
}
#shipping_tpl_forma_entrega_recoger_tienda:checked + label.radio:hover {
  background: #2c75d2;
  color: #e2e2e2 !important;
}

#shipping_tpl_forma_entrega_field input[type='radio']
{
  display: none;
}



/* MIO */
/*
#shipping_tpl_forma_entrega_field {
  margin-top: 80px !important;
}

#shipping_tpl_forma_entrega_field label:nth-of-type(3){
  top: -40px !important;
}
*/

/* --------------------------------------------- */
/* END: RADIO BUTTONS DE LA "FORMA DE ENTREGA" */
/* -------------------------------------------- */


/* --------------------------------------------------------- */
/* BEG: ESTILO PARA LA FORMA DE ENTREGA: "Recojo en Tienda"
/* --------------------------------------------------------- */


.w-recoger-tienda{  
  border: 1px solid #e4e4e4;
  padding: 20px;
  margin-bottom: 40px;
}

.rt-titulo {
  color: #000000 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  margin-top: 0;
  margin-bottom: 1rem !important;
}
.rt-mapa {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  /* margin-top: 0; */
  margin-bottom: 1rem !important;
}
/* --------------------------------------------------------- */
/* END: ESTILO PARA LA FORMA DE ENTREGA: "Recojo en Tienda"
/* --------------------------------------------------------- */



/* VARIADOS */
.ocultar{
  display: none !important;
}
.tpl-ver{
  display: inherit !important;
}
.ancho_100{
  width: 100% !important;
}

/* FUENTE: https://www.codexworld.com/display-loading-image-while-page-loads-jquery-css/ */
.cargador {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://4ashoponline.com.pe/wp-content/uploads/2022/09/Loading_icon_5.gif') 50% 50% no-repeat rgb(249,249,249);
  opacity: .8;
}

/* ANCHO DE LOS SELECTS */
#shipping_tpl_provincia_field .select2,
#billing_tpl_tip_doc_field .select2,
#shipping_city_field .select2{
  width: 100% !important;
} 

/* OCULTAR LA PALABRA (optional) */
.woocommerce form .form-row .optional {
  visibility: collapse !important;
}

/* OCULTAR EL ASTERISCO DEL CAMPO REQUERIDO (*) */
/*
.woocommerce-checkout.woocommerce-page form .form-row label .required {  
  visibility: collapse !important;
}
*/

/* ANCHO DE LA COLUMNA QUE CONTIENE "DATOS DE FACTURACION" Y "FORMA DE ENTREGA" */
/*
@media (min-width: 992px){
  #customer_details {
      width: 60% !important;
  }
}
*/

/*
@media (min-width: 992px){
  #order_review, .woocommerce-checkout-review-order {
      width: calc(40% - 30px) !important;
  }
}
*/

@media (max-width: 991px){
  
  /* ANCHO DE LOS CAMPOS */
  #billing_first_name_field,
  #billing_last_name_field,
  #billing_tpl_tip_doc_field,
  #billing_tpl_num_doc_field,
  #billing_company_field,
  #billing_tpl_ruc_field
  {
    width: 100% !important;
  }

}
/*
@media screen and (min-width: 992px) {
  
  #yapeModal .modal-content p img {
      width: 50% !important;
  }
}
*/

/* BEG: BILLETARA DIGITAL (YAPE) */
#wc-pago_moviles_peru-cc-form .phone-number{
  font-size: 15px !important;
}

#wc-pago_moviles_peru-cc-form .form-row span:nth-of-type(1){
  font-weight: 400 !important;
  font-size: 15px !important;
}

#pago_moviles_peru_trf_image {
  margin-top: 20px !important;
}

#payment_method_pago_moviles_peru + label img{
  width: 50px !important;
}
/* END: BILLETARA DIGITAL (YAPE) */


/* BEG: PASOS DE COMPRA (SON 3 PASOS) */

/* TITULO DE LOS PASOS */
.theme-fisino .fmc-checkout-step .step span.label {
  font-size: 24px !important;
  
}
@media (min-width: 768px){
  .theme-fisino .fmc-checkout-step .step span.label {
    font-size: 24px !important;
  }
}
/* ICONO CIRCULAR DE LOS PASOS */
.tpl-icon-pasos-compra{
  display: flex;
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background: #ffffff;
  /* margin-top: -12px; */
  /* margin-bottom: 5px; */
  margin-bottom: 10px !important;
}
/* CUANDO EL PASO ESTA TERMINADO O FINALIZADO */
.fmc-checkout-step .step.active span.tpl-icon-pasos-compra, 
.fmc-checkout-step .step.finish span.tpl-icon-pasos-compra {
  background: #69257C;
  border-color: #69257C;
  color: #ffffff;
}
@media (max-width: 480px){
  .fmc-checkout-step .step.finish.step-cart, .fmc-checkout-step .step.finish.step-checkout {
      display: flex !important;
  }

  .theme-fisino .fmc-checkout-step {    
    justify-content: center !important;  
  }
  .theme-fisino .fmc-checkout-step .step span.label {   
    width: 100px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 1024px){

  /* ESPACIO SUPERIOR, PARA QUE LOS ICONOS DE LOS PASOS NO ESTEN DEMASIADO SEPARADOS */
  #content{
    padding: 0px 0 !important;
  }
  .fmc-checkout-step {   
    margin: 40px auto !important;
}
}
/* END: PASOS DE COMPRA (SON 3 PASOS) */

/* ---------------------------------------------------- */
/* BEG: POR POLITICAS DE LA EMPRESA */
/* ---------------------------------------------------- */


/* PARA MASTER MEDIC NO LO OCULTO */

/* LA EMPRESA SOLO DESEA ENVIAR A DOMICILIO */
/* OCULTAR LAS DOS OPCIONES (radio button): "Enviar a Domicilio" y "Recoger en Tienda" */
/*
#shipping_tpl_forma_entrega_field{
  
  display: none !important;
}
*/

/* ---------------------------------------------------- */
/* END: POR POLITICAS DE LA EMPRESA */
/* ---------------------------------------------------- */


/* COLOR ROJO CUANDO HAY UN ERROR EN EL CAMPO */
/*
.woocommerce form .form-row.woocommerce-invalid label {
  color: rgb(0, 0, 0) !important;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
  color: rgb(0, 0, 0) !important;
  #ebebeb
}
*/

/* QUITAR COLOR VERDE CUANDO EL CAMPO ESTA CORRECTO */
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
  border-color: #ebebeb !important;
}

/* RADIO BUTTONS DE LAS TIENDAS */
#shipping_tpl_tienda_field label{
  position: relative;
  display: inline-block;
  padding: 0.3em;
  margin: 0.5em;
  margin-right: 40px;
  cursor: pointer;
  color: #292929 !important;
  border-radius: 0.25em;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/* QUITAR COLOR ROJO DEL LABEL CUANDO EL CAMPO ESTA INCORRECTO */
.woocommerce form .form-row.woocommerce-invalid label {
  color: #464646 !important;
}



/* FLAG: Mostrar errores de campos obligatorios "en línea" */
.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
  color: #e2401c;
  display: block !important;
  font-weight: bold;
}