:root{
  --color-blanco-movistar: #ffffff;
  --color-azul-movistar: #019DF4;
  --color-verde-movistar: #5CB639;
  --color-azul-oscuro-movistar: #0b5aa6;
  --color-azul-oscuro-claro-movistar: #0f6fc9;
  --color-gris-5-movistar: #666;
}

.wp-block-custom-bloque-contacto-footer {
  background-color: var(--color-blanco-movistar);
  padding: 20px;
}

.wp-block-custom-bloque-contacto-footer .block-contact-mov-left {
  background: var(--color-azul-movistar);
  padding: 15px
}

.wp-block-custom-bloque-contacto-footer .block-contact-mov-right a {
  color: var(--color-blanco-movistar);
  text-decoration: underline;
}

.wp-block-custom-bloque-contacto-footer .block-contact-mov-right a:hover {
  color: var(--color-blanco-movistar);
}

.wp-block-custom-bloque-contacto-footer a.btn-contacto-mov {
  background: var(--color-azul-oscuro-movistar);
  display: inline-block;
  border-radius: 6px;
}

.wp-block-custom-bloque-contacto-footer a.btn-contacto-mov-first {
  background: var(--color-azul-oscuro-movistar);
  display: inline-block;
  border-radius: 6px;
}

.wp-block-custom-bloque-contacto-footer a.btn-contacto-mov:hover {
  background: var(--color-azul-oscuro-claro-movistar);
}

.wp-block-custom-bloque-contacto-footer a.btn-contacto-mov-first:hover {
  background: var(--color-azul-oscuro-claro-movistar);
}

.wp-block-custom-bloque-contacto-footer .block-contact-mov-left {
  background: url("../assets/images/appcontback.png") bottom center no-repeat;
  background-size: 100%;
}

.wp-block-custom-bloque-contacto-footer .block-contact-mov-right {
  background: url("../assets/images/appwhaback.png") no-repeat bottom center;
  padding: 15px;
  background-size: 100%;
}

.wp-block-custom-bloque-contacto-footer .colum-contac-block-mv {
  height: 560px;
}

@media(max-width:768px) {
  .wp-block-custom-bloque-contacto-footer .colum-contac-block-mv {
    height: 540px;
    margin-bottom: 15px;
  }
}

@media(max-width:500px) {
  .wp-block-custom-bloque-contacto-footer .colum-contac-block-mv {
    height: 490px;
    margin-bottom: 15px;
  }

  h4.p-3.text-center.fw-bold.has-color-blanco-movistar-color.has-text-color,
  h3.p-3.text-center.fw-bold.has-color-blanco-movistar-color.has-text-color {
    font-size: 1.2rem;
  }

  p.p-3.text-center.has-color-blanco-movistar-color.has-text-color.txt-foot-block-contact-mov {
    font-size: 14px;
  }
}

@media(max-width:400px) {

  h4.p-3.text-center.fw-bold.has-color-blanco-movistar-color.has-text-color,
  h3.p-3.text-center.fw-bold.has-color-blanco-movistar-color.has-text-color {
    font-size: 1.1rem;
  }
}

/* casd de contacto INIT -----------------------*/
.bloque-inferior-centrado{
  margin-left: 46px;
  margin-right: 52px;
}

.margenes{
  margin-bottom: 8.97px;
}

#containerContactoNew .card-container-verde {
  background-color: var(--color-verde-movistar);
  width: 100%;
  padding: 38.08px 0px 38.08px 0px;
}

#containerContactoNew .has-color-gris-2-movistar-color {
  color: var(--color-gris-5-movistar) !important;
}

#containerContactoNew .card-container-azul {
  background-color: var(--color-azul-movistar);
  width: 100%;
  padding: 48px 41.27px 48px 41.27px;
}

/* imgenes size  */
#containerContactoNew a.btn-contacto-mov-first svg {
  width: 100%;
  height: auto;
  max-width: 76.56px;
  max-height: 19.12px;
  display: block;
}

#containerContactoNew a.btn-contacto-mov {
  background: var(--color-azul-oscuro-movistar);
  border-radius: 6px;
  display: flex;
  width: 100% !important;
  height: auto;
  max-width: 143.54px;
  font-size: 13px;
  align-items: center;
  justify-content: center;
}

#containerContactoNew a.btn-contacto-mov-first {
  background: var(--color-azul-oscuro-movistar);
  border-radius: 6px;
  display: inline-block;
  padding: 5.86px 13.75px 5.23px 13.24px;
}

#containerContactoNew a.btn-contacto-mov:hover {
  background: var(--color-azul-oscuro-claro-movistar)
}

#containerContactoNew a.btn-contacto-mov-first:hover {
  background: var(--color-azul-oscuro-claro-movistar)
}

#containerContactoNew .card-img-size {
  width: 100px;
  height: auto;
}
#containerContactoNew .card-img-size svg{
  width: 100px;
  height: auto;
  display:block;
}

#containerContactoNew .card-img-size-smarth {
  height: auto;
  width: 100%;
  max-width: 122.01px;
  max-height: 154.03px;
}

#containerContactoNew .font-size-card-sm {
  font-size: 14px !important;
  margin-bottom: 0;
}

#containerContactoNew .card-app-movistar-cliente h3 {
  font-size: 25px;
  margin-bottom: 0;
}

#containerContactoNew .card-app-movistar-cliente p {
  font-size: 14px !important;
  font-weight: 400;
  width: 109%;
}

/* card verde */
#containerContactoNew .card-app-movistar-cliente-green h3 {
  font-size: 25px;
  line-height: 1.3;
}

#containerContactoNew .card-app-movistar-cliente-green p {
  font-size: 16px !important;
  line-height: 1.5;
}

#containerContactoNew .has-color-blanco-movistar-color a {
  color: var(--color-blanco-movistar);
  text-decoration: underline;
}

#containerContactoNew .has-color-blanco-movistar-color a:hover {
  text-decoration: underline;
  color: var(--color-blanco-movistar);
}

.oculta-destok-p{
  display: none;
}

.mostrar-destok-p {
  display: block;
}

.orden-posicion{
  padding-left: 7px !important;
  margin-top: -13.46px !important;
}

.mrgins-states{
  margin-right: 13.46px;
}

.mrgins-states-verde{
  margin-right: 6.71px;
}

.margin-parrafo-state{
  margin-top: 0;
  margin-bottom: 13.46px;
}

.margin-escribenos{
  margin-bottom: 8.07px;
}

.contacto-texto{
  font-size: 16px;
  font-weight: 400;
  margin-top: 13.76px;
  margin-right: 14.35px;
}

.showing-desk{
  display: block;
}
.showing-movil{
  display: none;
}

.space-svgs{
  margin-right: 13.46px;
}
.space-svgs svg{
  display:block;
}

.gap-space-elements{
  margin-right: 14.35px;
}

/* Tablet (≥768px y <992px) */
@media (max-width: 991.98px) {
  .bloque-inferior-centrado{ margin-left: 0; margin-right: 0; }
  .showing-movil{ display: flex; }
  .no-center-movil{ text-align: start !important; }
  #containerContactoNew .font-size-card-sm { margin-top: 25px; }
  .margin-escribenos{ margin-bottom: 0; }
  .margin-btn{ margin-top: 9.01px !important; margin-right: 0; }
  .margin-parrafo-state{ margin-top: 10px; margin-bottom: 10px; }
  .mrgins-states-verde{ margin-right: 4.22px; }
  .mrgins-states{ margin-right: 5px; }
  .orden-posicion{ padding-left: 0 !important; margin-top: 0 !important; }

  #containerContactoNew a.btn-contacto-mov { padding: 10.49px 21.13px 10.95px 21.13px; font-size: 13px; }
  #containerContactoNew .card-app-movistar-cliente h3 { font-size: 26px; }
  #containerContactoNew .card-app-movistar-cliente p { font-size: 14px !important; }

  #containerContactoNew .card-app-movistar-cliente-green h3 { font-size: 19px; }
  #containerContactoNew .card-app-movistar-cliente-green p { font-size: 16px !important; }

  #containerContactoNew .card-container-azul { padding: 48px 27.27px 48px 27.27px; }

  .oculta-destok-p{ display: block; font-size: 14px; }
  .mostrar-destok-p { display: none; }

  .contacto-texto{ font-size: 18px; margin-top: 25px; margin-bottom: 9px; margin-right: 0; }

  #containerContactoNew .card-img-size { width: 54.26px; height: auto; }
  #containerContactoNew .card-img-size svg { width: 54.26px; height:auto; }

  #containerContactoNew .card-container-verde { padding: 38.08px 26px 38.08px 26px; }

  .showing-desk{ display: none !important; }
  .gap-space-elements{ margin-right: 0; }
}

/* Móvil (<768px) */
@media (max-width: 767.98px) {
  .bloque-inferior-centrado{ margin-left: 0; margin-right: 0; }
  .gap-space-elements{ margin-right: 0; }
  .showing-movil{ display: flex; }
  .showing-desk{ display: none !important; }
  #containerContactoNew .font-size-card-sm { margin-top: 25px; }
  .no-center-movil{ text-align: start !important; }
  .margin-escribenos{ margin-bottom: 0; }
  .margin-btn{ margin-top: 9.01px !important; margin-right: 0; }
  .margin-parrafo-state{ margin-top: 10px; margin-bottom: 10px; }
  .mrgins-states-verde{ margin-right: 4.22px; }
  .mrgins-states{ margin-right: 5px; }
  .orden-posicion{ padding-left: 0 !important; margin-top: 0 !important; }
  .contacto-texto{ font-size: 18px; margin-top: 25px; margin-bottom: 9px; margin-right: 0; }

  #containerContactoNew a.btn-contacto-mov { padding: 10.49px 21.13px 10.95px 21.13px; font-size: 13px; }
  #containerContactoNew .card-app-movistar-cliente h3 { font-size: 26px; }
  #containerContactoNew .card-app-movistar-cliente p { font-size: 14px !important; }
  #containerContactoNew .card-app-movistar-cliente-green h3 { font-size: 19px; }
  #containerContactoNew .card-app-movistar-cliente-green p { font-size: 16px !important; }
}
/* casd de contacto END ------------------------*/