.elementor-107 .elementor-element.elementor-element-7a4d68a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107 .elementor-element.elementor-element-9ac5540{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:300px;}.elementor-107 .elementor-element.elementor-element-9ac5540:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-9ac5540 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://praiaveterinaria.com/wp-content/uploads/2026/04/Praia-Veterinaria-Slider-contacto.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-107 .elementor-element.elementor-element-9ac5540 > .elementor-shape-bottom svg, .elementor-107 .elementor-element.elementor-element-9ac5540 > .e-con-inner > .elementor-shape-bottom svg{height:56px;}.elementor-107 .elementor-element.elementor-element-1448f54{--display:flex;--min-height:700px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-107 .elementor-element.elementor-element-1448f54.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-5cf94ec .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-111da76{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-107 .elementor-element.elementor-element-74b1c47 .elementor-button{background-color:#E8472A;font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-107 .elementor-element.elementor-element-10d75d5{--display:flex;}.elementor-107 .elementor-element.elementor-element-81d7745{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 040px;--row-gap:0px;--column-gap:040px;}.elementor-107 .elementor-element.elementor-element-a45bdcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107 .elementor-element.elementor-element-92cea42{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-107 .elementor-element.elementor-element-df29d2f{padding:0px 0px 0px 30px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-107 .elementor-element.elementor-element-df29d2f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-107 .elementor-element.elementor-element-df29d2f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-107 .elementor-element.elementor-element-df29d2f .elementor-icon-list-text{transition:color 0.3s;}.elementor-107 .elementor-element.elementor-element-830192f .elementor-button{background-color:#E8472A;font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-107 .elementor-element.elementor-element-f75c7dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-107 .elementor-element.elementor-element-be2a923 .fluentform-widget-wrapper .ff-el-input--label label{font-family:"Montserrat", Sans-serif;}.elementor-107 .elementor-element.elementor-element-be2a923 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-107 .elementor-element.elementor-element-be2a923 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-107 .elementor-element.elementor-element-be2a923 .fluentform-widget-wrapper .ff-el-group select{font-family:"Montserrat", Sans-serif;}.elementor-107 .elementor-element.elementor-element-be2a923 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{width:150px;background-color:#E8472A !important;color:#ffffff !important;border-radius:5px 5px 5px 5px;font-family:"Montserrat", Sans-serif;}.elementor-107 .elementor-element.elementor-element-dd80305{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107 .elementor-element.elementor-element-5266d96{--spacer-size:100px;}@media(min-width:768px){.elementor-107 .elementor-element.elementor-element-1448f54{--content-width:60%;}.elementor-107 .elementor-element.elementor-element-10d75d5{--content-width:60%;}.elementor-107 .elementor-element.elementor-element-81d7745{--content-width:1400px;}.elementor-107 .elementor-element.elementor-element-a45bdcb{--width:50%;}.elementor-107 .elementor-element.elementor-element-f75c7dc{--width:50%;}}@media(max-width:767px){.elementor-107 .elementor-element.elementor-element-9ac5540{--min-height:400px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-107 .elementor-element.elementor-element-1448f54{--min-height:400px;}.elementor-107 .elementor-element.elementor-element-5cf94ec{padding:0px 0px 0px 10px;}.elementor-107 .elementor-element.elementor-element-5cf94ec .elementor-heading-title{font-size:35px;}.elementor-107 .elementor-element.elementor-element-111da76{padding:0px 30px 0px 010px;font-size:18px;}.elementor-107 .elementor-element.elementor-element-74b1c47{padding:0px 0px 0px 10px;}}/* Start custom CSS for container, class: .elementor-element-9ac5540 *//* La sección hero — altura y espacio del header */
.hero-praia {
  min-height: 550px !important;
  padding-top: 80px !important;
}

/* La forma diagonal — solo visual, no toca el texto */
.col-teal {
  position: relative;
  overflow: visible !important;
  z-index: 1;
}

.col-teal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: -20%;
  bottom: 0;
  background-color: rgba(0, 188, 212, 0.88);
  clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
  z-index: -1;
}

/* El texto queda encima de la forma */
.col-teal .elementor-widget-wrap {
  position: relative;
  z-index: 2;
  padding: 40px 20px 40px 40px;
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-be2a923 *//* ============================================
   Formulario "Consúltanos" — Estilo PRAIA
   Compatible con Fluent Forms
   ============================================ */

:root {
  --praia-turquesa: #21C5C7;
  --praia-turquesa-hover: #1AA8AA;
  --praia-input-bg: #C9EAEB;
  --praia-input-bg-focus: #B8E0E1;
  --praia-label: #1B4F5C;
  --praia-naranja: #E8501F;
}

/* Contenedor del formulario */
.fluentform {
  max-width: 480px;
  font-family: 'Cabin', system-ui, -apple-system, sans-serif;
}

/* Etiquetas: Nombre, Mascota / Nombre, email */
.fluentform .ff-el-input--label label {
  color: var(--praia-label);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: none;
  letter-spacing: 0.2px;
}

/* Asterisco de campo obligatorio */
.fluentform .ff-el-is-required.asterisk-right:after {
  color: var(--praia-naranja);
}

/* Inputs de texto, email, tel y textarea */
.fluentform .ff-el-form-control,
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform textarea {
  background-color: var(--praia-input-bg);
  border: none;
  border-radius: 30px;
  padding: 14px 22px;
  height: auto;
  font-size: 15px;
  color: var(--praia-label);
  width: 100%;
  box-shadow: none;
  transition: background-color .2s ease, box-shadow .2s ease;
}

.fluentform textarea {
  border-radius: 20px;
  min-height: 120px;
  resize: vertical;
}

/* Estado focus */
.fluentform .ff-el-form-control:focus,
.fluentform input:focus,
.fluentform textarea:focus {
  background-color: var(--praia-input-bg-focus);
  outline: none;
  box-shadow: 0 0 0 3px rgba(33, 197, 199, .25);
}

/* Placeholder más suave */
.fluentform .ff-el-form-control::placeholder {
  color: rgba(27, 79, 92, .45);
}

/* Separación entre campos */
.fluentform .ff-el-group {
  margin-bottom: 22px;
}

/* Botón ENVIAR */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"] {
  background-color: #E8472A;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 16px 40px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  max-width: 240px;
  box-shadow: none;
  transition: background-color .2s ease, transform .1s ease;
}

.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background-color: var(--praia-turquesa-hover);
  transform: translateY(-1px);
}

.fluentform .ff-btn-submit:active {
  transform: translateY(0);
}

/* Mensajes de error de validación */
.fluentform .error,
.fluentform .text-danger,
.fluentform .ff-el-is-error .text-danger {
  color: var(--praia-naranja);
  font-size: 13px;
  margin-top: 6px;
}

.fluentform .ff-el-is-error .ff-el-form-control {
  background-color: #FCE3DA;
  box-shadow: 0 0 0 2px rgba(232, 80, 31, .35);
}

/* Mensaje de éxito tras enviar */
.fluentform .ff-message-success {
  background-color: rgba(33, 197, 199, .1);
  border: 1px solid var(--praia-turquesa);
  color: var(--praia-label);
  padding: 16px 20px;
  border-radius: 16px;
}

/* Responsive */
@media (max-width: 600px) {
  .fluentform .ff-btn-submit,
  .fluentform button[type="submit"] {
    max-width: 100%;
  }
}/* End custom CSS */