.custom-tabs {
font-family: Arial, sans-serif;
padding: 40px;}.custom-tabs input[type="radio"] {
  display: none;}.custom-tabs .tabs {
  display: flex;border-bottom: 1px solid #ccc;  padding-bottom: 0px;  margin-bottom: 0px;}.custom-tabs .tabs label {
  padding: 10px 20px;margin-right: 5px;cursor: pointer;border: 1px solid transparent;border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #f9f9f9;transition: background 0.3s;  margin-bottom: 0px !important;}.custom-tabs .tabs label:hover {
  background-color: #e0e0e0;}.custom-tabs input[type="radio"]:checked + label {
  background-color: white;border: 1px solid #ccc;border-bottom: 1px solid white;font-weight: bold;}.custom-tabs .tab-content {
  display: none;padding: 20px 0;}.custom-tabs #tab1:checked ~ .content #content1,
.custom-tabs #tab2:checked ~ .content #content2,.custom-tabs #tab3:checked ~ .content #content3 {display: block;}.titleMarH1{font-size: 3.5vw !important;}.title2MarH2{font-size: 2.5vw !important;}.titleMarH3{font-size: 2vw !important;}.titleMarH5{font-size: 1.5vw !important;}.titleMarH4{
font-size: 3.5vw !important;}.subtitleMarH1{font-size: 2.5vw !important;line-height: 2.7vw;}.subtitle2MarH2{font-size: 1.5vw !important;}.div_para_la_imagen {width: 100%;aspect-ratio: 1 / 1;background-size: cover;
background-position: center;}.only-mobile{display: none !important;}.no-mobile{display: inline-block !important;}/*CTA Button*/

.cta-button {
display: inline-flex;
align-items: center;
background: #fff;
border: 1px solid #c8a15f;/* color de borde dorado */
border-radius: 8px;   /* esquinas redondeadas */
overflow: hidden; /* para que el background del icono no se desborde */
padding: 0;   /* eliminamos padding del botón */
font-family: sans-serif;}.cta-icon {
display: flex;
align-items: center;
justify-content: center;
background: #c8a15f;  /* fondo dorado para el icono */
padding: 0.5em;   /* espacio alrededor del SVG */
}.cta-icon svg {
width: 1.25em; /* ajusta al tamaño deseado */
height: auto;}.cta-number {
padding: 0.5em 1em;   /* espacio horizontal y vertical */
color: #000;  /* color del texto */
font-size: 1rem;  /* tamaño de letra */
background: transparent;  /* transparente deja ver el blanco del contenedor */
}
/* ——— Desktop: horizontal ——— */
.timeline {
  display: flex;justify-content: space-between;position: relative;margin: 2rem 1rem;}.timeline::before {
  content: "";position: absolute;top: 80%;left: 2%;right: 2%;height: 4px;background: #333;transform: translateY(-50%);z-index: 0;}.step {
  position: relative;flex: 1;text-align: center;z-index: 1;}
/* icon + número apilados y centrados */
.icon-wrapper {
  display: flex;flex-direction: column;align-items: center;position: relative;margin-bottom: .5rem;}.icon {
  display: block;width: 6rem; 
  height: 6rem;background: #a52;  /* color de ejemplo */
  border-radius: 50%;line-height: 3rem;font-size: 1.5rem;color: #fff;}.number {
  position: absolute;bottom: -1rem; /* se superpone justo sobre la línea */
  left: 50%;transform: translateX(-50%);background: #fff;width: 1.5rem; 
  height: 1.5rem;line-height: 1.5rem;border-radius: 50%;font-size: .75rem;color: #a52;z-index: 2;}.label {
  font-size: .875rem;font-weight: 500;}.header-section-new-design{background-image: url(bs_service_bathroom_remodelation_header.webp); height:400px; background-color: #f9f9f9; padding: 60px 20px; text-align: center; font-family: 'Century Gothic', sans-serif;}@media screen and (max-width:700px) {.titleMarH1{font-size: 8vw !important;}.titleMarH2{font-size: 5vw !important;}.titleMarH3{font-size: 8vw !important;}.titleMarH4{font-size: 10vw !important;}.titleMarH5{font-size: 4vw !important;}.subtitleMarH1{font-size: 4.5vw !important;line-height: 4.6vw;}.subtitle2MarH2{font-size: 4.5vw !important;}.only-mobile{display: inline-block !important;}.no-mobile{display: none !important;}}@media screen and (max-width:768px) {.timeline {flex-direction: column;align-items: flex-start;padding-left: 0rem;margin: 0.3rem;}.timeline::before {top: 2%;left: 3rem;width: 4px;height: 96%;transform: none;}.step {display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 2rem;}.icon-wrapper {flex-direction: row;align-items: center;margin-bottom: .25rem;}.number {position: static;transform: none;margin-left: .5rem;}.label {margin-left: calc(7rem + 1rem);font-size: .9rem;}.label span{position: absolute;margin-top: -40%;}.header-section-new-design{background-image: url(bs_service_bathroom_remodelation_header_mobile.webp);}}